/* HUPI AI v23 — final alignment and responsive shell */
:root{--shell:224px;--page-max:1360px;--space:16px;--radius:14px;--shadow:0 10px 30px rgba(21,24,42,.055)}
html{background:var(--bg);scroll-behavior:smooth}
body{min-width:320px;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}
aside{width:var(--shell);padding:18px 14px 14px;overflow:hidden;background:linear-gradient(180deg,#0d1019,#111421)}
aside nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#303545 transparent}
aside nav a{flex:0 0 auto;min-height:40px;padding:9px 11px;border:1px solid transparent}
aside nav a:hover{border-color:#ffffff0b;background:#ffffff08}
aside nav a.active{border-color:#8874ff42;background:linear-gradient(90deg,#7057ff32,#7057ff10);box-shadow:inset 3px 0 #8f7cff}
.app{margin-left:var(--shell);width:calc(100% - var(--shell))}
.app>header{position:sticky;top:0;z-index:15;height:72px;padding:0 clamp(18px,2.4vw,34px);background:#ffffffee;backdrop-filter:blur(14px)}
.app>header>div:first-child{min-width:0}.app>header h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.header-actions{min-width:0}.brand-switcher select{max-width:210px}
.content{max-width:var(--page-max);padding:24px clamp(16px,2.4vw,34px) 56px;margin:0 auto}
.card,.connection-card,.brand-card,.empty-state{border-color:#e3e5ec;border-radius:var(--radius);box-shadow:var(--shadow)}
.card-head{gap:16px}.card-head>div{min-width:0}.card-head h3{line-height:1.3}
.dashboard-hero,.hero,.optimizer-hero,.research-hero,.keyword-hero,.unified-hero{overflow:hidden;border-radius:18px}
.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end}
.stats,.dashboard-insight-strip,.dashboard-main-grid,.two-col,.settings-grid,.brand-grid,.content-layout,.optimizer-grid,.wallet-grid{align-items:stretch}
.stats article{min-width:0;align-items:flex-start}.stats article>div{min-width:0}.stats strong{overflow-wrap:anywhere}
.dashboard-insight-strip article,.action-stack>a,.brand-list>div,.history-list>div,.monitor-row,.performance-row,.explorer-row,.keyword-row{min-width:0}
.action-stack>a>span{min-width:0}.action-stack>a strong,.action-stack>a small,.action-stack>a em{overflow-wrap:anywhere}
.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-card{min-width:0;height:100%}.connection-title{align-items:center}.connection-title>div{min-width:0}.connection-title h3,.connection-title p{overflow-wrap:anywhere}
.settings-form{align-content:start}.settings-form input,.settings-form select,.settings-form textarea{width:100%;min-width:0}
input,select,textarea{max-width:100%;min-height:42px;border-color:#dfe2ea;background:#fff;color:var(--ink)}
textarea{min-height:104px;line-height:1.55}.primary{min-height:42px;white-space:normal;text-align:center}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7057ff36;outline-offset:2px}
.flash{position:relative;margin-bottom:16px;border-radius:11px;padding:13px 15px}
.empty-state{min-height:360px;display:grid;place-content:center;justify-items:center}
.install-card{box-shadow:0 24px 80px rgba(25,26,45,.12)}
table{width:100%}.performance-table,.explorer-table,.keyword-table,.benchmark-table{overflow-x:auto}
.profile-dropdown{max-height:calc(100vh - 90px);overflow:auto}
@media(max-width:1100px){
  :root{--shell:78px}.logo div,.user>div:not(.avatar),.user>a{display:none}.logo{justify-content:center;padding-inline:0}.user{grid-template-columns:1fr;justify-items:center}
  aside nav a{justify-content:center;padding:10px;font-size:0}aside nav a b{width:auto;font-size:18px}
  .settings-grid{grid-template-columns:1fr}.dashboard-main-grid,.optimizer-grid{grid-template-columns:1fr}
}

/* V23.1: structured, readable AI output */
.ai-rich-output{padding:24px 22px 30px;color:#1d2330;font-size:14px;line-height:1.68;white-space:normal}
.ai-rich-output h3,.ai-rich-output h4{margin:22px 0 8px;color:#111827;line-height:1.3}
.ai-rich-output h3:first-child,.ai-rich-output h4:first-child{margin-top:0}
.ai-rich-output p{margin:0 0 10px}
.ai-rich-output ul,.ai-rich-output ol{margin:4px 0 16px;padding-left:24px}
.ai-rich-output li{margin:5px 0}
.ai-rich-output strong{font-weight:700;color:#111827}
@media(max-width:760px){
  :root{--shell:0px}.app{margin-left:0;width:100%}aside{position:static;width:100%;height:auto;padding:10px 12px;display:block}
  aside .logo,aside .user{display:none}aside nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 3px}
  aside nav a{flex:0 0 auto;min-height:38px;padding:8px 11px;font-size:11px;white-space:nowrap}aside nav a b{font-size:14px}
  .app>header{top:0;height:auto;min-height:66px;padding:10px 14px;gap:10px}.app>header>div:first-child small{display:none}.app>header h1{font-size:16px;margin:0}
  .header-actions{gap:7px}.icon-btn{display:none}.brand-switcher label>small{display:none!important}.brand-switcher select{width:132px;min-height:38px;padding:8px}
  .content{padding:16px 12px 42px}.dashboard-hero,.hero,.optimizer-hero,.research-hero,.keyword-hero,.unified-hero{padding:20px}
  .dashboard-hero{align-items:flex-start}.dashboard-hero-actions{width:100%;justify-content:flex-start}.dashboard-hero-actions .primary{width:100%}
  .dashboard-insight-strip,.stats,.brand-grid,.quick,.wallet-grid,.content-layout,.format-compare{grid-template-columns:1fr}
  .card,.connection-card{padding:16px}.card-head{align-items:flex-start;flex-direction:column}
  .action-stack>a{grid-template-columns:28px minmax(0,1fr)}.action-stack>a>i{grid-column:2;justify-self:start}
  .section-title{display:grid;gap:12px}.section-title h2{font-size:22px}
  .install-shell{padding:16px}.install-card{padding:24px 18px}.install-card h1{font-size:28px}
}
@media(max-width:430px){
  .app>header{align-items:flex-start}.header-actions{margin-left:auto}.profile-menu{display:none}.brand-switcher select{width:122px}
  .dashboard-hero h2,.hero h2,.optimizer-hero h2,.research-hero h2,.keyword-hero h2{font-size:22px}
  .stats article{padding:14px}.pulse-badge{white-space:normal}.wallet-balance{padding:22px 18px}.wallet-balance-top strong{font-size:34px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* V23.13 — all-video optimizer library and transparent metadata change review */
.optimizer-library{margin:20px 0;padding:22px}.optimizer-library-head{display:flex;justify-content:space-between;align-items:end;gap:18px}.optimizer-library-head h3{margin:0 0 5px}.optimizer-library-head p{margin:0;color:#6f7285}.optimizer-search{min-width:280px;font-size:12px;font-weight:700;color:#666a7b}.optimizer-search input{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid #dde0eb;border-radius:10px;background:#fff}.optimizer-status-legend{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.optimizer-status-legend span,.optimizer-video-info em{border-radius:999px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:800}.optimizer-status-legend .not-audited,.status-not-audited{background:#f1f2f6;color:#6d7080}.optimizer-status-legend .needs-data,.status-needs-data{background:#fff4dd;color:#9b6500}.optimizer-status-legend .ready,.status-ready{background:#e6f8ee;color:#14824a}.optimizer-status-legend .applied,.status-applied{background:#eee9ff;color:#5a3fd0}.optimizer-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.optimizer-video-card{display:flex;gap:11px;text-align:left;padding:9px;border:1px solid #e4e5ed;border-radius:13px;background:#fff;cursor:pointer;min-width:0;transition:.18s ease}.optimizer-video-card:hover{border-color:#8d78ff;transform:translateY(-1px)}.optimizer-video-card.selected{border:2px solid #6848f5;background:#f7f5ff;box-shadow:0 8px 22px rgba(91,67,213,.12)}.optimizer-thumb{position:relative;display:block;flex:0 0 112px;height:63px;border-radius:9px;overflow:hidden;background:#17172c}.optimizer-thumb img{width:100%;height:100%;object-fit:cover}.optimizer-thumb i{display:grid;height:100%;place-items:center;color:white}.optimizer-thumb b{position:absolute;top:4px;left:4px;background:#6748f5;color:#fff;border-radius:5px;padding:3px 5px;font-size:8px}.optimizer-video-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px}.optimizer-video-info strong{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.optimizer-video-info small{font-size:9px;color:#777b8b}.optimizer-load-more{display:block;margin:18px auto 4px;border:1px solid #d8d9e4;border-radius:9px;background:#fff;padding:10px 20px;font-weight:800;color:#5d45da}.optimizer-video-count{text-align:center;color:#858899;font-size:11px;margin:8px 0 0}.optimizer-changes{margin:20px 0}.optimizer-change-table{border:1px solid #e5e6ed;border-radius:12px;overflow:hidden}.optimizer-change-head,.optimizer-change-row{display:grid;grid-template-columns:130px 1fr 1fr 120px;gap:0}.optimizer-change-head{background:#f5f4fa}.optimizer-change-head b{padding:11px;font-size:11px}.optimizer-change-row>*{margin:0;padding:12px;border-top:1px solid #ebecf1;min-width:0}.optimizer-change-row strong{font-size:12px}.optimizer-change-row p{font-size:11px;line-height:1.45;white-space:pre-wrap;max-height:110px;overflow:auto;color:#55596a;border-left:1px solid #ebecf1}.optimizer-change-row em{font-style:normal;font-size:10px;font-weight:800;border-left:1px solid #ebecf1}.optimizer-change-row em.changed{color:#14824a}.optimizer-change-row em.same{color:#6d7080}.optimizer-change-row em.blocked{color:#a66800}
@media(max-width:1180px){.optimizer-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.optimizer-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.optimizer-library-head{align-items:stretch;flex-direction:column}.optimizer-search{min-width:0}.optimizer-change-head{display:none}.optimizer-change-row{grid-template-columns:105px 1fr}.optimizer-change-row p,.optimizer-change-row em{border-left:1px solid #ebecf1}.optimizer-change-row p:nth-of-type(2),.optimizer-change-row em{grid-column:2}.optimizer-change-row em{padding-top:0}}@media(max-width:560px){.optimizer-video-grid{grid-template-columns:1fr}.optimizer-thumb{flex-basis:105px}}
.optimizer-recipe-source{display:block;width:100%;margin:10px 0}.optimizer-recipe-source span{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.optimizer-recipe-source textarea{width:100%;min-height:88px;resize:vertical;border:1px solid #d8e2dc;border-radius:12px;padding:10px 12px;background:#fff;color:#15362d}.optimizer-recipe-source small{display:block;margin-top:5px;color:#60736d}.optimizer-hero .optimizer-recipe-source span{color:#fff;opacity:1}.optimizer-hero .optimizer-recipe-source small{color:#ddd8ff;opacity:1}
.quota-manager{margin-bottom:16px}.quota-manager-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quota-manager-head h3{margin:4px 0 6px}.quota-manager-head p{margin:0;max-width:780px;color:#60736d}.quota-state{padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.quota-state.safe{background:#e4f7ed;color:#087443}.quota-state.blocked{background:#ffe8e7;color:#b42318}.quota-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.quota-grid>div{padding:12px;border:1px solid #e3eae7;border-radius:12px;background:#f8fbfa}.quota-grid small{display:block;color:#667b73;margin-bottom:5px}.quota-grid strong{font-size:15px}.quota-meter{height:8px;background:#e8eeeb;border-radius:99px;overflow:hidden}.quota-meter i{display:block;height:100%;background:linear-gradient(90deg,#23a36d,#e7a93b);border-radius:inherit}.quota-note{font-size:12px;color:#60736d;margin:9px 0 0}@media(max-width:760px){.quota-manager-head{display:block}.quota-state{display:inline-block;margin-top:10px}.quota-grid{grid-template-columns:1fr 1fr}}
.optimizer-cache-empty{grid-column:1/-1;padding:34px 24px;border:1px dashed #d7dbea;border-radius:16px;background:#f8f9fd;text-align:center;color:#586174}.optimizer-cache-empty strong{display:block;margin-bottom:8px;color:#171b2b;font-size:17px}.optimizer-cache-empty p{max-width:720px;margin:0 auto;line-height:1.6}
/* V23.24 — content calendar, filters and honest retry queue */
.queue-control-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:16px;border:1px solid #e2e5ed;border-radius:16px;background:#fff;box-shadow:var(--shadow)}
.queue-summary{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:8px;flex:1}.queue-summary a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e5e7ef;border-radius:11px;color:#515568;text-decoration:none;background:#fafbfe}.queue-summary a.active{border-color:#7458ef;background:#f2efff;color:#5137c8;box-shadow:0 6px 18px rgba(83,55,200,.1)}.queue-summary small{font-weight:800}.queue-summary strong{font-size:18px}.queue-filters label{display:grid;gap:5px;min-width:190px;font-size:11px;font-weight:800;color:#686d7d}.queue-filters select{min-height:40px}
.queue-status.failed{background:#ffe8e7;color:#b42318}.queue-status.published{background:#e3f7eb;color:#087443}.queue-failure{display:grid;gap:4px;margin:12px 0;padding:11px 13px;border:1px solid #ffc9c4;border-radius:10px;background:#fff4f3;color:#8f2018}.queue-failure span{overflow-wrap:anywhere}.queue-failure small{color:#9b514b}
.queue-reschedule{display:flex;align-items:end;gap:9px;margin:12px 0;padding:10px;border:1px solid #e6e7ed;border-radius:10px;background:#fafbfc}.queue-reschedule label{display:grid;gap:5px;flex:1;font-size:10px;font-weight:800;color:#6d7180}.queue-reschedule input{min-height:38px}.queue-reschedule button,.retry-btn{min-height:38px;padding:8px 13px;border:0;border-radius:8px;background:#ece8ff;color:#563bd1;font-weight:800;cursor:pointer}.retry-btn{background:#fff0dc;color:#9a5b00}
@media(max-width:980px){.queue-control-card{align-items:stretch;flex-direction:column}.queue-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-filters label{min-width:0}}
@media(max-width:600px){.queue-summary{grid-template-columns:1fr 1fr}.queue-summary a:last-child{grid-column:1/-1}.queue-reschedule{align-items:stretch;flex-direction:column}.queue-reschedule button{width:100%}}
/* V23.31 AI Auto Post live controls */
.publisher-live-control{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:16px;align-items:center;margin:12px 0;padding:16px;border:1px solid #e8e5de;border-radius:18px;background:#fff}
.publisher-live-control>div:first-child{display:flex;flex-direction:column;gap:5px}.publisher-live-control>div:first-child span{font-size:12px;color:#737373}.publisher-live-control img{width:110px;height:110px;object-fit:cover;border-radius:14px}.publisher-live-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.publisher-live-actions form{margin:0}.publisher-live-actions button{border:0;border-radius:10px;padding:11px 14px;cursor:pointer;font-weight:700}.publisher-live-actions span{font-size:12px;color:#777}
@media(max-width:760px){.publisher-live-control{grid-template-columns:1fr}.publisher-live-control img{width:100%;height:auto;aspect-ratio:1}.publisher-live-actions{align-items:stretch}.publisher-live-actions form,.publisher-live-actions button{width:100%}}