:root{color-scheme:dark;--bg:#0a0e19;--surface:#111727;--surface2:#161e31;--line:#26314a;--text:#f2f5fb;--muted:#a2afc6;--blue:#6d9ffb;--gold:#e6c17d;--sky:#10b7d8;--hbo:#a57af2;--netflix:#f45e66;--disney:#5e9fff;--amazon:#00b6ca}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(ellipse 85% 42% at 70% -13%,#18274d 0%,transparent 83%),var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--text);line-height:1.45}
    a{color:inherit;text-decoration:none} button,select,input{font:inherit} button{cursor:pointer}
    .wrap{width:min(1280px,calc(100% - 44px));margin:auto}
    .top{padding:21px 0;border-bottom:1px solid #ffffff12}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.11em;font-size:13px}.brandmark{width:35px;height:35px;border:1px solid #f4d89e66;border-radius:11px;background:linear-gradient(145deg,#e6c17d,#745231);display:grid;place-items:center;color:#111;font-size:17px;box-shadow:0 3px 25px #bc8a4137}.topright{display:flex;align-items:center;gap:10px}.mini{color:#a3b0c9;font-size:12px}.demo{border:1px solid #e6c17d77;color:#f3d6a6;background:#e6c17d13;border-radius:100px;padding:6px 11px;font-size:11px;font-weight:850;letter-spacing:.09em}
    .hero{padding:48px 0 30px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-weight:800;font-size:11px;margin:0 0 13px}.hero h1{font-size:clamp(32px,4.2vw,57px);line-height:1.08;letter-spacing:-.045em;margin:0;max-width:830px}.hero h1 span{color:var(--gold)}.sub{color:#b3bed1;font-size:15px;max-width:730px;margin:17px 0 23px;line-height:1.7}.notice{border:1px solid #d0aa674d;background:linear-gradient(90deg,#e6c17d16,transparent);padding:12px 15px;border-radius:12px;max-width:960px;color:#e9d3ac;font-size:13px}.notice strong{color:#ffe3a8}
    .stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.stat{background:#ffffff08;border:1px solid #ffffff16;padding:12px 17px;border-radius:13px;min-width:138px}.stat b{display:block;font-size:24px;letter-spacing:-.04em}.stat small{display:block;color:var(--muted);font-size:11px;margin-top:1px}
    .filterbar{position:sticky;top:0;z-index:10;background:#0c1120ef;backdrop-filter:blur(18px);border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff19;padding:14px 0}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.searchwrap{flex:1 1 260px;position:relative}.searchwrap input{width:100%;height:43px;border-radius:10px;border:1px solid #2b3851;background:#151d30;color:var(--text);padding:0 14px 0 37px;outline:none}.searchwrap input:focus,select:focus{border-color:#8db2ff}.searchwrap:before{content:'⌕';position:absolute;left:13px;top:6px;color:#a5b5d4;font-size:24px;line-height:30px}select{height:43px;border-radius:10px;border:1px solid #2b3851;background:#151d30;color:var(--text);padding:0 30px 0 12px;outline:none}.sort{min-width:157px}
    .tabs{display:flex;gap:8px;flex-wrap:wrap;padding:23px 0 10px}.tab{background:#151d30;color:#b6c3d6;border:1px solid #2b3650;border-radius:99px;padding:10px 16px;font-size:12px;font-weight:760;transition:.16s}.tab:hover{border-color:#8ba2c4;color:white}.tab.active{color:#0d1425;background:#d7bb89;border-color:#d7bb89}.tab .num{margin-left:7px;opacity:.7;font-weight:800}
    main{padding-bottom:74px}.section{margin-top:22px}.sectionhead{display:flex;align-items:center;gap:12px;border-bottom:1px solid #2b364b;padding-bottom:15px;margin-bottom:14px}.platformdot{height:37px;width:5px;border-radius:6px;background:var(--accent)}.secttitle{font-size:21px;font-weight:830;letter-spacing:-.02em;margin:0}.sectsub{font-size:12px;color:var(--muted);margin:2px 0 0}.sectionhead .right{margin-left:auto;color:#9daac1;font-size:12px;white-space:nowrap}
    .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:linear-gradient(125deg,#161e30,#111827);border:1px solid #263149;border-radius:16px;padding:14px;display:grid;grid-template-columns:123px minmax(0,1fr);gap:17px;transition:transform .16s,border-color .16s;min-height:237px}.card:hover{transform:translateY(-2px);border-color:#526681}
    .poster{border-radius:11px;position:relative;overflow:hidden;min-height:205px;display:flex;align-items:flex-end;padding:13px;background:radial-gradient(circle at 80% 20%,var(--p2),transparent 46%),linear-gradient(152deg,var(--p1),#10172a 86%);isolation:isolate}.poster:before{content:'';position:absolute;width:145px;height:145px;border:1px solid #ffffff32;transform:rotate(33deg);top:8px;left:31px;border-radius:28px}.poster:after{content:'';position:absolute;width:190px;height:190px;border:1px solid #ffffff25;transform:rotate(33deg);top:47px;left:15px;border-radius:36px}.poster .postertext{position:relative;z-index:1;color:#fff;font-size:17px;line-height:1.13;font-weight:900;letter-spacing:-.03em;text-shadow:0 2px 12px #000b}.poster .pretend{position:absolute;top:12px;left:10px;font-size:8px;font-weight:900;letter-spacing:.14em;color:#ffffffa3;z-index:2}
    .meta{min-width:0}.headrow{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}.name{font-size:18px;letter-spacing:-.025em;line-height:1.18;font-weight:830;margin:0 0 4px}.years{color:#a3b1c7;font-size:12px}.rating{white-space:nowrap;border-radius:9px;background:#f4c86e1c;border:1px solid #e6c17d44;color:#f5d395;font-size:13px;font-weight:850;padding:6px 8px}.rating .star{font-size:14px;margin-right:3px}
    .tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.tag{background:#27344b;color:#c8d3e8;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:700}.complete{background:#2e6b5540;color:#91e5c5}.season{background:#384b6c88;color:#c2d4ff}.desc{font-size:12px;color:#bac6d9;margin:10px 0;line-height:1.5}.credits{font-size:11px;color:#93a5c0;line-height:1.6;margin:0}.credits b{color:#c7d4e5;font-weight:700}.multi{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:11px;color:#f1d8a7;font-size:10px;font-weight:750}.multi span{border:1px solid #d5b27453;background:#d5b27418;padding:3px 7px;border-radius:6px}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.action{border:1px solid #40516d;background:#222f47;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:790}.action.primary{background:#debd85;color:#172034;border-color:#debd85}.action:hover{filter:brightness(1.14)}.outicon{font-size:10px;opacity:.8;margin-left:4px}
    .none{border:1px dashed #41506a;padding:35px;text-align:center;color:#b5c3db;border-radius:15px;margin:20px 0}.foot{padding:22px 0 44px;border-top:1px solid #263149;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#7f91ab}.foot b{color:#c4d2e5}
    @media(max-width:980px){.cards{grid-template-columns:1fr}.card{min-height:220px}.poster{min-height:190px}}
    @media(max-width:575px){.wrap{width:min(100% - 26px,1280px)}.topright .mini{display:none}.hero{padding:35px 0 24px}.sub{font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,1fr)}.stat{min-width:0}.filters select{flex:1}.sort{min-width:unset}.tabs{padding-top:15px}.tab{padding:9px 12px}.card{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:10px;min-height:0}.poster{min-height:164px;padding:9px}.poster .postertext{font-size:13px}.name{font-size:15px}.rating{font-size:11px;padding:5px}.desc{font-size:11px}.credits{font-size:10px}.action{font-size:10px;padding:7px 8px}.tags{margin:9px 0}.sectionhead .right{font-size:10px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
  
    /* v0.2 — praćenje gledanja, osobna ocjena, 3 prikaza */
    .filterbar .filters{row-gap:10px}
    .filterbar .filtertools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:100%}
    .filtertools .hint{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}
    .viewbar{display:inline-flex;gap:3px;border:1px solid #32415d;border-radius:11px;background:#101829;padding:4px}
    .viewbtn{border:1px solid transparent;background:transparent;color:#aabbd5;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:780;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
    .viewbtn[aria-pressed="true"]{background:#d7bb89;color:#0e1727}
    .viewbtn:hover:not([aria-pressed="true"]){background:#24324a;color:white}
    .tool-spacer{flex:1}
    .minorbtn{border:1px solid #38465e;background:#161e31;color:#b7c7df;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:750}
    .minorbtn:hover{border-color:#a0b5d2;color:white}
    .tracking{margin-top:13px;padding:9px 10px;background:#0b1425;border:1px solid #334258;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap}
    .watchlabel{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#b2bfd3;font-size:11px;font-weight:790;white-space:nowrap}
    .watchcheck{appearance:none;display:inline-grid;place-content:center;width:18px;height:18px;margin:0;border:1px solid #60708a;border-radius:5px;background:#18233a;cursor:pointer;flex-shrink:0}
    .watchcheck:checked{background:#38bd95;border-color:#38bd95}
    .watchcheck:checked:after{content:'✓';font-weight:1000;color:#08221b;font-size:13px;line-height:1}
    .watchlabel:has(.watchcheck:checked){color:#89ecc6}
    .watchcheck:focus-visible,.personalrating:focus-visible,.viewbtn:focus-visible,.tab:focus-visible{outline:2px solid #93c1ff;outline-offset:2px}
    .myrating{display:flex;align-items:center;gap:6px;color:#c0cce0;font-size:11px;font-weight:730;white-space:nowrap}
    .myrating .personalrating{border:1px solid #455776;background:#182941;color:#f1ddaa;height:31px;border-radius:7px;padding:0 6px;max-width:82px;font-size:12px;font-weight:800}
    .card.is-watched{border-color:#347c6b9c}
    .statushelp{margin:8px 0 0;color:#90a2bd;font-size:11px}
    /* Kompaktna mreža: tri naslova po retku na širokom monitoru. */
    #results[data-view="compact"] .cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    #results[data-view="compact"] .card{grid-template-columns:77px minmax(0,1fr);gap:11px;min-height:0;padding:11px;border-radius:12px}
    #results[data-view="compact"] .poster{min-height:112px;height:112px;border-radius:8px;padding:7px}
    #results[data-view="compact"] .poster .postertext{font-size:10px}
    #results[data-view="compact"] .poster .pretend{font-size:6px;top:6px;left:6px}
    #results[data-view="compact"] .name{font-size:14px}
    #results[data-view="compact"] .rating{font-size:11px;padding:4px 5px}
    #results[data-view="compact"] .desc,#results[data-view="compact"] .credits{display:none}
    #results[data-view="compact"] .tag{font-size:9px;padding:3px 5px}
    #results[data-view="compact"] .tags{margin:7px 0}
    #results[data-view="compact"] .actions{margin-top:8px}
    #results[data-view="compact"] .action{padding:6px 7px;font-size:10px}
    #results[data-view="compact"] .multi{margin-top:6px;font-size:9px}
    #results[data-view="compact"] .tracking{padding:7px;gap:5px;margin-top:9px}
    #results[data-view="compact"] .watchlabel,#results[data-view="compact"] .myrating{font-size:10px}
    #results[data-view="compact"] .myrating .personalrating{height:28px}
    /* Popis: jedna vrlo niska stavka po retku, poster 42 x 52. */
    #results[data-view="list"] .cards{grid-template-columns:minmax(0,1fr);gap:6px}
    #results[data-view="list"] .card{grid-template-columns:42px minmax(0,1fr);gap:11px;padding:7px 11px;min-height:0;border-radius:9px;align-items:center}
    #results[data-view="list"] .card:hover{transform:none}
    #results[data-view="list"] .poster{min-height:52px;height:52px;width:42px;padding:3px;border-radius:5px}
    #results[data-view="list"] .poster:before,#results[data-view="list"] .poster:after,#results[data-view="list"] .pretend{display:none}
    #results[data-view="list"] .poster .postertext{font-size:6px;letter-spacing:0;line-height:1.2;overflow-wrap:anywhere}
    #results[data-view="list"] .meta{display:grid;grid-template-columns:minmax(205px,2.2fr) minmax(135px,1.35fr) 160px 194px;gap:9px;align-items:center}
    #results[data-view="list"] .headrow{align-items:center;gap:10px}
    #results[data-view="list"] .name{font-size:14px;margin:0 0 2px}
    #results[data-view="list"] .years{font-size:10px}
    #results[data-view="list"] .rating{font-size:11px;padding:4px 6px}
    #results[data-view="list"] .tags{margin:0;gap:4px}
    #results[data-view="list"] .tags .tag{font-size:9px;padding:3px 5px}
    #results[data-view="list"] .tags .tag:nth-child(n+4){display:none}
    #results[data-view="list"] .desc,#results[data-view="list"] .credits,#results[data-view="list"] .multi{display:none}
    #results[data-view="list"] .actions{margin:0;gap:5px}
    #results[data-view="list"] .action{font-size:10px;padding:7px 8px}
    #results[data-view="list"] .tracking{margin:0;background:none;border:none;padding:0;gap:7px;justify-content:flex-end}
    #results[data-view="list"] .watchlabel,#results[data-view="list"] .myrating{font-size:10px}
    #results[data-view="list"] .myrating .personalrating{height:30px;max-width:65px}
    @media(max-width:1180px){
      #results[data-view="compact"] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
      #results[data-view="list"] .meta{grid-template-columns:minmax(180px,1.4fr) minmax(85px,.8fr) 144px 170px}
      #results[data-view="list"] .tags .tag:nth-child(n+3){display:none}
    }
    @media(max-width:825px){
      #results[data-view="list"] .meta{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}
      #results[data-view="list"] .headrow{grid-column:1}
      #results[data-view="list"] .tags{display:none}
      #results[data-view="list"] .actions{grid-column:1;grid-row:2}
      #results[data-view="list"] .tracking{grid-column:2;grid-row:1 / span 2;flex-direction:column;align-items:flex-end}
    }
    @media(max-width:670px){
      #results[data-view="compact"] .cards{grid-template-columns:1fr}
      .viewbtn{padding:7px 8px}
      .filtertools .hint{display:none}
      .filterbar{position:static}
      .tool-spacer{display:none}
      #results[data-view="list"] .card{gap:7px;padding:7px}
      #results[data-view="list"] .meta{grid-template-columns:minmax(0,1fr);gap:6px}
      #results[data-view="list"] .headrow{grid-column:1;grid-row:1}
      #results[data-view="list"] .tracking{grid-column:1;grid-row:2;flex-direction:row;align-items:center;justify-content:flex-start}
      #results[data-view="list"] .actions{grid-column:1;grid-row:3}
    }
    @media(max-width:390px){.viewbtn .longlabel{display:none}.viewbtn{min-width:36px;justify-content:center}}
  

/* v0.5 • nove funkcije uz originalni dizajn */
.top .brand{white-space:nowrap}.brandmark{font-weight:950;letter-spacing:0}
.statusgroup{display:inline-flex;align-items:center;gap:3px;border:1px solid #394761;background:#101829;border-radius:11px;padding:4px}
.statusbtn{background:transparent;border:1px solid transparent;border-radius:7px;color:#aebcd5;font-size:12px;font-weight:780;padding:7px 10px;white-space:nowrap}
.statusbtn[aria-pressed="true"]{color:#121b2b;background:#d7bb89}
.statusbtn:hover:not([aria-pressed="true"]){background:#26344b;color:#fff}
.filtertools .status-title{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.05em}
#minrating{min-width:123px}
#filterReset{margin-left:auto}
.tag.live{background:#57492b55;color:#ffd89a;border:1px solid #b98a3b55}
.tag.complete{border:1px solid #3182644b}
.statushelp strong{color:#cfdbeb}
.stats .stat{flex:1 1 138px}
.card .rating small{display:block;font-size:8px;font-weight:700;letter-spacing:.13em;opacity:.72;text-align:center}
.stat small{line-height:1.4}
.card.is-watched{box-shadow:inset 3px 0 0 #39c197}
.statusbtn:focus-visible,.minorbtn:focus-visible{outline:2px solid #93c1ff;outline-offset:2px}
.searchwrap input::-webkit-search-cancel-button{cursor:pointer}
@media(max-width:630px){.filterbar{position:static}.filtertools{align-items:flex-start}.filtertools .status-title{width:100%}#filterReset{margin-left:0}.top .brand{font-size:11px;letter-spacing:.04em}.demo{font-size:9px}}
@media(max-width:390px){.statusbtn{padding:7px 8px;font-size:11px}}


/* VERSION B • modernizirani originalni vizual, bez promjene podataka i funkcionalnosti */
:root{--bg:#080d19;--surface:#111b2b;--surface2:#1b2941;--line:#2a3b55;--text:#f4f8ff;--muted:#9cacc7;--gold:#eecb8e;--blue:#8bacfa}
body{background:radial-gradient(ellipse 67% 30% at 70% 0%,#17345d99,transparent 79%),radial-gradient(ellipse 58% 30% at -5% 24%,#2233515c,transparent 78%),#090f1c}
.wrap{width:min(1430px,calc(100% - 52px))}
.top{padding:12px 0;background:#081020e0;backdrop-filter:blur(22px);border-bottom:1px solid #53749b30;position:relative;overflow:hidden}
.top:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#a67b3a,#f2d39d 44%,#60a9bd 85%)}
.brand{font-size:13px;letter-spacing:.1em}.brandmark{height:44px;width:44px;border-radius:14px;background:linear-gradient(150deg,#ffe0a6,#a2783f 62%,#4e3526);box-shadow:0 9px 28px #dcb98038;color:#0b1018;border:1px solid #fff7}
.brand .brand-sub{display:block;font-size:9px;color:#97aecd;letter-spacing:.18em;margin-top:3px;font-weight:650}.topright .mini{color:#98aac7;letter-spacing:.02em}
.demo{background:#8cbdd81c;border-color:#70b9d477;color:#9bd8e8}
.hero.hero-modern{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);align-items:center;gap:38px;padding-top:38px;padding-bottom:27px}
.hero h1{font-size:clamp(39px,4.1vw,65px);letter-spacing:-.052em;max-width:850px}
.hero h1 span{background:linear-gradient(115deg,#ffe1ac,#d4b078 57%,#8ecad7);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .sub{font-size:15px;max-width:780px;margin-top:13px;margin-bottom:18px}
.hero .eyebrow{color:#91bfd0;letter-spacing:.22em}
.hero-copy .notice{max-width:840px;background:linear-gradient(100deg,#e1be7c10,#41688914);border:1px solid #7889a73a;color:#c0cbdf;border-radius:13px;padding:11px 14px}
.hero-copy .notice strong{color:#f5d49d}
.hero-panel{position:relative;overflow:hidden;border:1px solid #5778a056;border-radius:24px;background:linear-gradient(135deg,#1d3049e6,#0e1727e6 72%);min-height:245px;padding:25px;box-shadow:0 24px 60px #0005, inset 0 1px 0 #ffffff16}
.hero-panel:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;top:-86px;border:28px solid #dfa7541f;box-shadow:0 0 0 28px #67acc110,0 0 0 54px #ffffff04}
.hero-panel .panel-eyebrow{position:relative;color:#afc0d4;font-size:10px;letter-spacing:.22em;font-weight:800}
.hero-panel .panel-big{position:relative;font-weight:930;font-size:52px;line-height:1.1;letter-spacing:-.07em;margin:14px 0 3px;color:#ffe1af}
.hero-panel .panel-caption{position:relative;color:#99acc5;font-size:12px;margin:0 0 20px}
.hero-panel .panel-row{position:relative;display:flex;justify-content:space-between;color:#bbc9dc;font-size:12px;border-top:1px solid #a3bed329;padding-top:12px;margin-top:12px;gap:15px}.hero-panel .panel-row b{color:#f8d69e}
.hero .stats{grid-column:1 / -1;margin-top:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.stat{background:linear-gradient(130deg,#142035,#0f1929);border:1px solid #344661b0;min-width:0;border-radius:14px;padding:13px 17px;box-shadow:inset 0 1px #ffffff0a}.stat b{font-size:27px}.stat small{font-size:10px}
.filterbar{top:0;background:#091323f1;border-color:#5265843b;padding:14px 0 12px;box-shadow:0 13px 30px #0002}
.filters{gap:10px}.searchwrap input,select{height:45px;background:#121f32;border-color:#3a4a65;border-radius:12px}.searchwrap input{padding-left:43px}.searchwrap:before{left:15px;top:7px}
.searchwrap input:focus,select:focus{outline:2px solid #7bc1dd36;border-color:#76b8df}
.statusgroup,.viewbar{background:#0e192b;border-color:#374761;border-radius:12px}
.statusbtn[aria-pressed="true"],.viewbtn[aria-pressed="true"]{background:linear-gradient(125deg,#edcf9f,#cba66f);color:#121c2c;box-shadow:0 3px 13px #edc98b30}
.tabs{padding:21px 0 9px;gap:8px}.tab{border-radius:10px;background:#142036;border:1px solid #364762;font-size:12px;padding:11px 16px}
.tab.active{background:linear-gradient(125deg,#d5c095,#e8d8b6);border-color:#e0cda6;color:#101a2a;box-shadow:0 6px 25px #dfbc8f24}
.tab .num{font-size:10px;display:inline-block;padding:2px 5px;border-radius:5px;background:#ffffff20}
.section{margin-top:25px}.sectionhead{padding-bottom:13px;margin-bottom:14px;border-color:#39516d70}.platformdot{width:6px;height:40px}.secttitle{font-size:23px}
.cards{gap:15px}.card{grid-template-columns:133px minmax(0,1fr);gap:19px;padding:15px;min-height:257px;border:1px solid #394e6a9a;background:linear-gradient(138deg,#1a2941,#121b2c 66%);border-radius:20px;box-shadow:0 6px 30px #0002,inset 0 1px #ffffff0c}
.card:hover{transform:translateY(-3px);border-color:#8cafd0a8;box-shadow:0 18px 36px #0006,0 0 0 1px #70a3ca21}
.poster{min-height:225px;border-radius:14px;background:radial-gradient(circle at 74% 12%,var(--p2),transparent 46%),linear-gradient(160deg,var(--p1),#0c182c 87%);box-shadow:inset 0 0 0 1px #fff3,0 8px 17px #0004}
.poster:before{top:8px;left:25px;width:160px;height:160px;transform:rotate(18deg);border-radius:50%;border-color:#ffffff25}
.poster:after{top:95px;left:-61px;width:190px;height:190px;transform:rotate(18deg);border-radius:50%;border-color:#ffffff2b}
.poster .pretend{color:#ffffffbc}.poster .postertext{font-size:18px;letter-spacing:-.035em}
.name{font-size:20px}.years{color:#abbcd4}
.rating{border-color:#f5ce7d52;background:#d4aa5f1c;color:#ffdc9e;border-radius:11px;padding:6px 9px}
.tag{background:#2c3d57;color:#cfdaeb;border:1px solid #64799924;border-radius:7px}.tag.season{background:#37577a57;color:#d3e4ff}.tag.live{background:#936b3638;color:#ffdda2}.tag.complete{background:#1c70513b;color:#9de8c6}
.desc{color:#bbcadc;font-size:12px}.credits{color:#9fafc9}.credits b{color:#d3e0ed}
.actions{margin-top:12px}.action{border-radius:10px;background:#263957;border-color:#506782}.action.primary{background:linear-gradient(125deg,#edcf9f,#cbac7b);border-color:#e8ca9a;color:#111b2b}
.tracking{background:#0b1729b5;border-color:#3a5070;border-radius:11px;padding:10px 12px}
.card.is-watched{border-color:#33b89b8a;box-shadow:inset 3px 0 #52cdaa,0 6px 28px #0004}
.statushelp{color:#91a9c4}.foot{margin-top:8px}
#results[data-view="compact"] .card{background:linear-gradient(130deg,#1a2941,#111b2c);border-radius:14px}
#results[data-view="list"] .card{border-radius:12px;min-height:66px}
#results[data-view="list"] .poster{box-shadow:none}
@media(max-width:1030px){.hero.hero-modern{grid-template-columns:1fr}.hero-panel{display:none}.hero .stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:min(100% - 26px,1280px)}.hero .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hero.hero-modern{padding-top:27px;gap:17px}.hero h1{font-size:37px}.card{grid-template-columns:96px minmax(0,1fr);padding:10px;gap:11px;min-height:0}.poster{min-height:165px}.name{font-size:15px}.poster .postertext{font-size:13px}.topright .mini{display:none}}

/* v0.6: zlatni filmski logo integriran u odabrani Modern Edition, bez promjena enginea */
.top{padding:10px 0 11px}
.top .wrap{min-height:70px}
.streamops-brand{display:flex;align-items:center;gap:14px;min-width:0;letter-spacing:normal;white-space:normal}
.brand .streamops-logo{display:block;width:66px;height:66px;flex:0 0 66px;object-fit:cover;box-sizing:border-box;border:1px solid #f6cd778c;border-radius:18px;background:#0a0e18;box-shadow:0 6px 22px #0008,0 0 24px #dba53c4c;overflow:hidden}
.brand-identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.brand-shadowman{font-size:10px;letter-spacing:.24em;font-weight:850;color:#f3f6ff;margin:0 0 3px}
.brand-wordmark{font-size:26px;font-weight:900;letter-spacing:-.045em;color:#fff9f0;line-height:1.05;text-shadow:0 2px 12px #0004;white-space:nowrap}
.brand-wordmark .brand-ops{background:linear-gradient(130deg,#ffe2a6 5%,#ffd365 42%,#bc8b48);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero .eyebrow{text-transform:none}
.brand .brand-sub{font-size:8px;letter-spacing:.15em;margin-top:6px;white-space:nowrap;color:#a7b9d0}
@media(max-width:680px){
 .top .wrap{min-height:58px}
 .streamops-brand{gap:10px}
 .brand .streamops-logo{width:56px;height:56px;flex-basis:56px;border-radius:15px}
 .brand-wordmark{font-size:22px}
 .brand-shadowman{font-size:9px}
 .brand .brand-sub{font-size:7px;letter-spacing:.08em}
 .topright .demo{display:none}
}
@media(max-width:355px){
 .brand .streamops-logo{width:48px;height:48px;flex-basis:48px;border-radius:13px}
 .brand-wordmark{font-size:19px}
 .brand-shadowman{font-size:8px}
 .brand .brand-sub{font-size:6px}
}


/* StreamOps v0.7 – controls for country, languages, HR subtitle verification and user edits */
:root{color-scheme:dark} .filterbar{position:relative;top:auto} .filters{gap:9px} .filters .searchwrap{min-width:min(290px,100%)}
.filterbar .filters>select{flex:1 1 150px;min-width:135px;max-width:240px}
.filter-advanced{display:flex;flex-wrap:wrap;gap:9px;width:100%;align-items:center}
.filter-advanced select{flex:1 1 148px;min-width:140px;max-width:230px}
.filterpick{position:relative;flex:1 1 155px;min-width:145px;max-width:240px}
.filterpick summary{cursor:pointer;border:1px solid #374965;background:#172138;border-radius:10px;height:43px;padding:11px 14px;font-size:12px;color:#e8eef8;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filterpick summary::-webkit-details-marker{display:none}.filterpick summary:after{content:'⌄';float:right;color:#d6b679}
.filterpick[open] summary{border-color:#bba271}.filter-options{position:absolute;top:46px;z-index:30;width:290px;max-height:270px;overflow:auto;background:#131c2f;border:1px solid #51627d;box-shadow:0 18px 46px #0009;border-radius:11px;padding:10px}
.filter-options label{display:flex;gap:10px;align-items:center;color:#dce5f4;padding:6px;border-radius:6px;font-size:12px;cursor:pointer}.filter-options label:hover{background:#ffffff10}.filter-options input{accent-color:#d7b778}
.data-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin:13px 0 0}
.databtn{border:1px solid #8e785e;background:linear-gradient(125deg,#473a2f,#1a2638);color:#ffdf9a;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:750;cursor:pointer}
.databtn:hover{filter:brightness(1.15)}.source-info{font-size:11px;color:#acbad0;margin:11px 0 0}
.card .language-strip{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:10px}
.lang-chip{display:inline-flex;gap:5px;align-items:center;border:1px solid #4b5b75;background:#18263d;border-radius:7px;font-size:10px;color:#c8d7ec;padding:4px 7px}
.lang-chip.yes{border-color:#398c70;background:#153e36;color:#a7f3cf}
.lang-chip.no{border-color:#a45e59;background:#3b272f;color:#ffbdaf}
.lang-chip.unknown{border-color:#6b7182;color:#b4c0d2}
.lang-chip.personal{border-color:#c4a46a;color:#ffdf9a}
.card .language-line{font-size:11px;color:#9baec7;margin-top:6px;overflow-wrap:anywhere}
.card .lang-details{border:1px solid #334662;background:#111a2b;border-radius:10px;margin-top:10px;padding:10px}
.lang-details summary{font-size:11px;font-weight:800;cursor:pointer;color:#efd59b;list-style:none}
.lang-details summary::-webkit-details-marker{display:none}.lang-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:11px}
.lang-edit-grid label{font-size:11px;color:#c4d1e1;display:grid;gap:5px;min-width:0}
.lang-edit-grid label.full{grid-column:1/-1}.lang-edit-grid input,.lang-edit-grid select,.lang-edit-grid textarea{width:100%;height:auto;min-height:36px;background:#0c1527;border:1px solid #364765;border-radius:8px;color:#eff4ff;padding:7px 9px;font-size:12px;resize:vertical}
.lang-edit-grid textarea{min-height:52px}.lang-edit-footer{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;align-items:center;justify-content:space-between}
.lang-note{font-size:10px;color:#aab8d1;line-height:1.45}
.lang-save,.lang-clear{font-size:11px;font-weight:800;padding:8px 10px;border-radius:8px;cursor:pointer}
.lang-save{background:#d6b67a;color:#192138;border:1px solid #d6b67a}.lang-clear{border:1px solid #43506a;background:#1d2941;color:#cad5e7}
.card .data-provenance{font-size:10px;color:#9eabc0;margin-top:6px}
.toast{position:fixed;right:22px;bottom:20px;background:#263e3d;color:#dcffec;border:1px solid #55a383;padding:13px 16px;box-shadow:0 14px 48px #0008;border-radius:11px;z-index:100;font-size:13px;max-width:340px}
#results[data-view="compact"] .lang-details, #results[data-view="compact"] .language-line{display:none}
#results[data-view="list"] .language-strip,#results[data-view="list"] .language-line,#results[data-view="list"] .lang-details,#results[data-view="list"] .data-provenance{display:none}
#results[data-view="list"] .meta{grid-template-columns:minmax(205px,2.2fr) minmax(135px,1.35fr) 150px 185px}
.modal{border:1px solid #65738d;background:#111a2c;color:#e9eef9;border-radius:16px;padding:22px;max-width:min(560px,calc(100vw - 26px));box-shadow:0 35px 130px #000a}
.modal::backdrop{background:#030710aa;backdrop-filter:blur(7px)}.modal h2{margin:0 0 12px;color:#e7cd95}.modal p{font-size:13px;color:#bfcbe1;line-height:1.55}.modal textarea{width:100%;min-height:170px;background:#090f1a;color:#d6e7f4;border:1px solid #35435e;border-radius:8px;padding:11px;font-size:12px}
@media(max-width:1120px){.filterbar .filters>select{max-width:none}.filter-advanced select,.filterpick{max-width:none}#results[data-view="compact"] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.lang-edit-grid{grid-template-columns:1fr}.filterpick{flex-basis:calc(50% - 6px)}.filter-advanced select{flex-basis:calc(50% - 6px);min-width:0}.filterbar .filters>select{flex-basis:calc(50% - 6px);min-width:0}.filter-options{width:min(280px,90vw)}.data-tools{justify-content:flex-start}.hero-panel{display:none}}
@media(max-width:430px){.filterpick{flex-basis:100%}.filter-advanced select{flex-basis:100%}.filterbar .filters>select{flex-basis:100%}}

/* v0.8: additional genre mode and genuine, remote series artwork */
.genre-mode{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:2px 0 4px;padding:12px 15px;background:linear-gradient(95deg,#23354c,#111b2e);border:1px solid #997a4f65;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff0b}
.genre-mode label{display:inline-flex;align-items:center;gap:10px;color:#ffe4ae;font-weight:850;font-size:13px;cursor:pointer}
.genre-mode input{appearance:none;position:relative;width:39px;height:23px;border-radius:16px;border:1px solid #536783;background:#26384c;cursor:pointer;transition:background .2s}
.genre-mode input:before{content:'';position:absolute;top:3px;left:3px;height:15px;width:15px;border-radius:50%;background:#c1cde0;transition:transform .2s}
.genre-mode input:checked{background:#c6a46c;border-color:#f6d8a0}.genre-mode input:checked:before{transform:translateX(16px);background:#152031}
.genre-mode .genre-hint{font-size:11px;color:#9faec6;line-height:1.45}
.genre-mode .genre-counter{margin-left:auto;border:1px solid #ceae7a55;background:#cfad6f15;color:#efca91;padding:5px 9px;border-radius:22px;font-size:10px;font-weight:850}
.tag.girlie{background:#723d6c80;color:#ffe1f5;border:1px solid #df8cdb4b}
.tag.animation{background:#2d6d7980;color:#baf4ff}
.poster{isolation:isolate}
.poster img.real-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1;opacity:0;transition:opacity .25s ease;filter:saturate(1.04)}
.poster.photo-ready img.real-poster{opacity:1}
.poster.photo-ready:before,.poster.photo-ready:after,.poster.photo-ready .pretend,.poster.photo-ready .postertext{display:none}
.poster .poster-source{display:none;position:absolute;bottom:0;left:0;right:0;padding:10px 6px 5px;background:linear-gradient(transparent,#080d1bdd);font-size:8px;color:#fff9;text-align:center;z-index:2}
.poster.photo-ready:hover .poster-source{display:block}
#results[data-view="list"] .poster img.real-poster{object-fit:cover}
#results[data-view="compact"] .poster img.real-poster{object-fit:cover}
@media(max-width:670px){.genre-mode{gap:6px}.genre-mode .genre-counter{margin-left:0}.genre-mode .genre-hint{flex-basis:100%}}


/* StreamOps v0.9 FINAL LOCAL TEST — user-approved targeted corrections */
.top{padding:13px 0 14px}
.top .wrap{min-height:82px}
.streamops-brand{gap:16px}
.brand .streamops-logo{width:78px;height:78px;flex:0 0 78px;border-radius:21px}
.brand-wordmark{font-size:31px}
.brand-shadowman{font-size:11px}
.brand .brand-sub{font-size:9px;letter-spacing:.14em}

/* Layout: the display mode selector is the FINAL row of the entire filter panel. */
.view-controls-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;width:100%;margin-top:3px;padding:10px 13px 2px;border-top:1px solid #45567355}
.view-controls-row .hint{font-size:11px;font-weight:800;letter-spacing:.09em;color:#c4d1e5;white-space:nowrap}
.view-controls-row .viewbar{display:inline-flex;flex-wrap:wrap;max-width:100%}

/* Preserve the original card/list grid while giving the compact view a true
   poster column with its own score, impossible to overlap a neighboring card. */
.poster-column{display:contents}
.compact-poster-rating{display:none}
#results[data-view="compact"] .card{grid-template-columns:77px minmax(0,1fr);min-width:0;overflow:hidden}
#results[data-view="compact"] .poster-column{display:flex;flex-direction:column;align-items:stretch;width:77px;max-width:100%;min-width:0;gap:8px;align-self:start}
#results[data-view="compact"] .poster-column .poster{width:100%;flex:0 0 auto}
#results[data-view="compact"] .header-rating{display:none}
#results[data-view="compact"] .compact-poster-rating{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:6px 3px 5px;border-radius:9px;text-align:center;line-height:1.12;font-size:12px;white-space:nowrap;margin:0}
#results[data-view="compact"] .compact-poster-rating .star{font-size:12px;margin-right:0}
#results[data-view="compact"] .compact-poster-rating small{font-size:8px;letter-spacing:.08em;margin-top:3px;display:block}
#results[data-view="compact"] .headrow{justify-content:flex-start;min-width:0}
#results[data-view="compact"] .headrow>div{min-width:0}
#results[data-view="compact"] .meta{min-width:0;max-width:100%}
#results[data-view="compact"] .tracking{min-width:0;max-width:100%}
#results[data-view="compact"] .myrating{white-space:normal;display:flex;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%}
#results[data-view="compact"] .myrating .personalrating{width:auto;min-width:60px;max-width:100%;flex:0 1 auto}
#results[data-view="compact"] .lang-chip{max-width:100%;overflow-wrap:anywhere}

@media(max-width:680px){
 .top .wrap{min-height:69px}
 .streamops-brand{gap:11px}
 .brand .streamops-logo{width:65px;height:65px;flex-basis:65px;border-radius:17px}
 .brand-wordmark{font-size:25px}
 .brand-shadowman{font-size:10px;letter-spacing:.21em}
 .brand .brand-sub{font-size:7.5px;letter-spacing:.1em}
 .view-controls-row{justify-content:center;padding:10px 3px 3px;gap:8px}
}
/* Explicitly override the earlier generic <=1120px two-column grid. Without
   this, narrow Android screens show two clipped cards side by side. */
@media(max-width:720px){
 #results[data-view="compact"] .cards{grid-template-columns:minmax(0,1fr)}
 #results[data-view="compact"] .card{grid-template-columns:80px minmax(0,1fr)}
 #results[data-view="compact"] .poster-column{width:80px}
}
@media(max-width:355px){
 .brand .streamops-logo{width:56px;height:56px;flex-basis:56px;border-radius:15px}
 .brand-wordmark{font-size:21px}
 .brand-shadowman{font-size:9px}
 .brand .brand-sub{font-size:6.7px}
 .view-controls-row .viewbar{width:100%;justify-content:space-between}
 .view-controls-row .viewbtn{flex:1;justify-content:center}
}

/* v0.10 FINAL DEMO: Season-only watch tracking and exact requested menu placement */
.view-controls-row{margin:12px 0 4px;padding:12px 12px 8px;border:1px solid #394962;border-radius:14px;background:linear-gradient(120deg,#18263d,#111b2d);justify-content:space-between}
.continue-hub{margin:20px 0 14px;padding:18px;border:1px solid #4d5d7688;border-radius:17px;background:linear-gradient(115deg,#1b2b41 0%,#121d30 70%);box-shadow:0 10px 30px #0002}
.continue-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.continue-overline{display:block;color:#e4c589;letter-spacing:.13em;font-size:10px;font-weight:900}
.continue-head h2{margin:4px 0;font-size:20px;color:#f5f4f5;letter-spacing:-.02em}
.continue-head h2 span{display:inline-block;margin-left:5px;padding:2px 9px;font-size:11px;background:#bca0732b;border:1px solid #bca07355;border-radius:20px;color:#ebcb95;vertical-align:middle}
.continue-head p{font-size:12px;color:#aebed2;margin:3px 0 5px}
.continue-demo{border-radius:9px;padding:9px 13px;border:1px solid #c9ad82;color:#f1d8af;background:#bda16b24;font-weight:800;font-size:11px;cursor:pointer}
.continue-demo[hidden]{display:none!important}
.continue-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.continue-item{border-radius:11px;border:1px solid #475775;background:#0d182b;padding:9px;display:flex;align-items:center;gap:9px;min-width:0}
.continue-thumb{width:37px;height:52px;flex:0 0 37px;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,var(--a),var(--b))}
.continue-thumb img{width:100%;height:100%;object-fit:cover}
.continue-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.continue-copy b{color:#f3f6ff;font-size:12px;overflow-wrap:anywhere}
.continue-copy span{color:#a7d9d6;font-size:11px}
.continue-copy em{color:#f1c17f;font-size:9px;font-style:normal;font-weight:900}
.continue-fraction{margin-left:auto;font-size:10px;color:#d0dcef;white-space:nowrap}
.continue-empty{grid-column:1/-1;color:#bccde4;font-size:12px;padding:6px 0}
.continue-more{grid-column:1/-1;color:#9aadc6;font-size:11px;margin:1px 0}
.tracking.season-tracking{display:flex;flex-wrap:wrap;gap:9px;padding:11px;align-items:stretch;justify-content:space-between}
.season-tracking .season-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 100%;min-width:0}
.season-field{display:flex;flex-direction:column;gap:5px;color:#b7c9dc;font-size:10px;font-weight:800;min-width:0}
.season-field select{border:1px solid #4b5d76;background:#172840;color:#f4f5f7;border-radius:8px;padding:6px 21px 6px 7px;width:100%;min-width:0;max-width:100%;height:35px;font-size:11px;font-weight:700;cursor:pointer}
.season-field select:disabled{opacity:.46;cursor:not-allowed}
.season-progress{flex:1 1 100%;min-width:0}
.season-progress-track{width:100%;height:5px;overflow:hidden;border-radius:20px;background:#36465a}
.season-progress-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#3bb39f,#a5e6c5);transition:width .2s}
.season-progress-line{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#aac3d4;font-size:10px;margin-top:5px;flex-wrap:wrap}
.season-message{color:#91e0cb;font-weight:850}
.season-message.waiting{color:#e6c383}
.season-tracking .myrating{margin-left:auto;font-size:11px}
.card.is-partial{border-color:#527f9e9c;box-shadow:inset 3px 0 0 #6299b8}
#results[data-view="compact"] .tracking.season-tracking{gap:6px;padding:7px}
#results[data-view="compact"] .season-tracking .season-controls{grid-template-columns:1fr}
#results[data-view="compact"] .season-field select{height:31px;font-size:10px}
#results[data-view="compact"] .season-tracking .myrating{margin-left:0}
#results[data-view="list"] .tracking.season-tracking{border:0;background:transparent;gap:5px;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:200px}
#results[data-view="list"] .season-tracking .season-controls{grid-template-columns:1fr 1fr}
#results[data-view="list"] .season-field select{font-size:10px;height:28px;padding:3px 16px 3px 5px}
#results[data-view="list"] .season-tracking .myrating{margin-left:0}
@media(max-width:1100px){.continue-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.continue-list{grid-template-columns:minmax(0,1fr)}.continue-hub{padding:13px}.continue-head h2{font-size:18px}}
@media(max-width:680px){.view-controls-row{margin:10px 0 4px;padding:9px}.season-tracking .season-controls{grid-template-columns:minmax(0,1fr)}#results[data-view="list"] .tracking.season-tracking{width:100%;min-width:0}}
@media(max-width:380px){.season-field select{font-size:10px}.continue-item{gap:6px}.continue-fraction{font-size:9px}}

#results[data-view="list"] .tracking.season-tracking{min-width:0;max-width:100%;width:100%}
@media(min-width:826px){
 #results[data-view="list"] .meta{grid-template-columns:minmax(170px,1.6fr) minmax(95px,.95fr) minmax(136px,155px) minmax(190px,230px)}
}

/* v1.00 approved logo arrangement: all text lines share the PERSONAL ... width, top aligned with emblem */
.top .wrap{align-items:flex-start}
.streamops-brand{align-items:flex-start!important;gap:12px}
.brand-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;line-height:1;min-width:0;padding-top:0!important;margin:0!important;width:max-content;max-width:calc(100vw - 140px)}
.brand-shadowman{display:block;width:max-content;font-weight:600!important;letter-spacing:.20em;line-height:1.0;margin:0 0 5px;color:#f5f6f8;transform-origin:left center;white-space:nowrap}
.brand-wordmark{display:block;width:max-content;font-weight:900;line-height:1;margin-bottom:5px;letter-spacing:-.045em;transform-origin:left center;white-space:nowrap}
.brand .brand-sub{display:block;width:max-content;max-width:100%;letter-spacing:.14em;white-space:nowrap;margin:0;line-height:1.1;color:#aebed4}
@media(max-width:680px){.brand-identity{max-width:calc(100vw - 100px)}.brand-shadowman{margin-bottom:4px}.brand-wordmark{margin-bottom:4px}.brand .brand-sub{letter-spacing:.08em}}
@media(max-width:355px){.brand-identity{max-width:calc(100vw - 90px)}.brand .brand-sub{letter-spacing:.04em}}
/* v1.00 local-only catalog Admin Center. No server-wide permissions implied. */
.admin-open{border-color:#cba76d77!important;color:#f1d1a2!important}
.admin-dialog{width:min(970px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid #7b8da866;border-radius:21px;color:#edf3ff;background:linear-gradient(145deg,#1c2d47,#0a1120 75%);box-shadow:0 34px 100px #000b;padding:22px}
.admin-dialog::backdrop{background:#02050bc9;backdrop-filter:blur(5px)}
.admin-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.admin-overline{font-size:10px;font-weight:850;letter-spacing:.14em;color:#e4c18b}
.admin-top h2{margin:5px 0;color:#f2f6fd;font-size:26px;letter-spacing:-.04em}
.admin-top h2 span{font-size:10px;background:#4c799b38;border:1px solid #70adc04d;border-radius:8px;padding:4px 7px;vertical-align:middle;letter-spacing:.05em}
.admin-top p,.admin-notice{margin:4px 0 13px;font-size:12px;color:#aabbd0;line-height:1.55}
.admin-x{font:inherit;color:#e8ebf5;border-radius:8px;border:1px solid #516582;background:#1b2b40;padding:8px 12px;cursor:pointer}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:11px 0 15px}
.admin-metrics>div{padding:12px 13px;border:1px solid #435471;border-radius:12px;background:#0f1c2d;min-width:0}
.admin-metrics small{display:block;color:#9daec3;font-size:10px;margin-bottom:5px}
.admin-metrics strong{font-size:14px;display:block;overflow-wrap:anywhere}
.admin-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.admin-controls button{min-height:38px}
.admin-publish{border:1px solid #7dbcaa;background:#267b61;color:#f6fff9;border-radius:9px;padding:9px 13px;font-weight:800;font-size:12px;cursor:pointer}
.admin-publish:disabled{background:#28433c;color:#849d96;border-color:#37594d;cursor:not-allowed}
.admin-notice{margin-top:12px;border-left:3px solid #e2b776;background:#d6a95d13;padding:9px 11px;border-radius:6px}
.admin-preview,.admin-logs{border:1px solid #415371;border-radius:13px;background:#101b2d;padding:14px;margin-top:13px}
.admin-preview h3,.admin-logs h3{font-size:15px;margin:0 0 10px;color:#f5f6ff}
.admin-preview h3 span{color:#d9c397;font-size:11px;font-weight:500}
.admin-diffs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#bdcee3}
.admin-diffs span{border:1px solid #41536e;background:#192c46;padding:7px 9px;border-radius:8px}
.admin-diff-lines,.admin-logrows{max-height:190px;overflow:auto;margin-top:10px;font-size:12px;color:#b9c9db}
.admin-diff-lines div,.admin-logrows div{padding:5px 0;border-bottom:1px solid #ffffff12;overflow-wrap:anywhere}
.admin-logs-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
@media(max-width:700px){.admin-dialog{padding:12px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-top h2{font-size:20px}}