.zone-ticker { display:flex; align-items:center; gap:6px; min-width:0; width:min(860px,100%); position:relative; }
.zone-ticker__display { display:flex; align-items:center; gap:8px; min-width:0; flex:1; border-radius:14px; padding:8px 12px; background:#fff4e9; border:1px solid rgba(35,24,15,.10); color:#23180f; }
.zone-ticker [hidden], .zone-ticker[hidden], [data-ticker-slot] [data-topbar-ticker][hidden] { display:none !important; }
[data-site-ticker], [data-ticker-slot] [data-topbar-ticker] { grid-column:2; }
.zone-ticker__author { order:0; flex:0 0 auto; max-width:40%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; }
.zone-ticker__mask { min-width:0; flex:1; overflow:hidden; }
.zone-ticker__track { display:inline-flex; white-space:nowrap; gap:12px; width:max-content; will-change:transform; }
.zone-ticker .zone-ticker__display a { color:inherit; text-decoration:none; transition:none; }
.zone-ticker__display a:hover { text-decoration:underline; }
.zone-ticker__add,.zone-ticker__remove { display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; box-sizing:border-box; flex:none; border-radius:50%; border:1px solid currentColor; font-weight:bold; text-decoration:none; }
.zone-ticker__remove { color:#9b3528; background:#fff4e9; cursor:pointer; }
[data-zone-ticker-current-delete] { margin:0; flex:none; }
.zone-ticker__inline-remove { display:inline-flex; margin:0 0 0 6px; vertical-align:middle; }
.zone-ticker__status { position:absolute; top:100%; right:0; z-index:5; margin:4px 0; padding:6px 10px; border-radius:8px; background:#fff4e9; color:#9b3528; font-size:12px; }
.zone-ticker__static { flex:1; min-width:0; max-height:120px; overflow:auto; }
.zone-ticker .zone-ticker__static a { display:inline; color:inherit; }
.zone-ticker__dialog { max-width:min(520px,calc(100vw - 32px)); max-height:85vh; overflow:auto; border:1px solid #ccb8a4; border-radius:16px; padding:20px; color:#23180f; background:#fffaf5; }
.zone-ticker__dialog::backdrop { background:rgba(0,0,0,.35); }
.zone-ticker__form { display:grid; gap:12px; }
.zone-ticker__form label { display:grid; gap:4px; }
.zone-ticker__form textarea { width:100%; box-sizing:border-box; }
.zone-ticker__form p { margin:0; }
[data-zone-ticker-own] form { display:flex; align-items:center; gap:12px; margin-top:12px; }
[data-zone-ticker-own] span { flex:1; overflow-wrap:anywhere; }
.zone-ticker a:focus-visible,.zone-ticker button:focus-visible { outline:3px solid #a95827; outline-offset:3px; }
@media(max-width:640px) { .zone-ticker { width:100%; } .zone-ticker__display { padding:6px; } }
.zone-ticker__preview { display:flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid rgba(35,24,15,.10); border-radius:14px; min-height:24px; overflow-wrap:anywhere; background:#fff4e9; color:#23180f; }

.zone-ticker__preview strong { order:0; flex:none; max-width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.zone-ticker__preview [data-zone-ticker-preview-body] { flex:1; min-width:0; }
