@import "https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,400..800&display=swap";:root{color:#182033;font-synthesis:none;text-rendering:optimizelegibility;--blue:#2563eb;--blue-dark:#1d4ed8;--blue-soft:#eff6ff;--ink:#182033;--muted:#697287;--border:#e2e6ee;--surface:#fff;--surface-soft:#f7f8fb;--green:#047857;--green-soft:#dff7ec;--amber:#a86408;--amber-soft:#fff4dc;--red:#dc2626;--red-soft:#fee2e2;--shadow:none;background:#f3f5f9;font-family:Google Sans Flex,Google Sans,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f3f5f9;min-width:320px;min-height:100dvh}button,input,textarea{font:inherit}input,textarea{font-size:16px}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #145df540}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--muted);letter-spacing:.085em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:750}.icon-button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.icon-button:hover{background:#f3f6fb;border-color:#cfd6e2}.icon-button:active{transform:scale(.96)}.icon-button.subtle{width:34px;height:34px;color:var(--muted);background:0 0;border:0}.icon-button:disabled{cursor:wait;opacity:.55}.primary-button,.secondary-button,.danger-button,.approve-button,.reject-button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:720;transition:transform .16s,background .16s,box-shadow .16s,opacity .16s;display:inline-flex}.primary-button,.approve-button{color:#fff;background:var(--green);box-shadow:none}.primary-button:hover,.approve-button:hover{background:#036b4d}.secondary-button{color:var(--ink);background:#edf0f5}.secondary-button:hover{background:#e3e7ee}.danger-button{color:#fff;background:var(--red)}.danger-button:hover{background:#a82d3d}.reject-button{color:#fff;background:var(--red)}.reject-button:hover{background:#b91c1c}.primary-button:active,.secondary-button:active,.danger-button:active,.approve-button:active,.reject-button:active{transform:translateY(1px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.approve-button:disabled,.reject-button:disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.secondary-button.compact{flex:none;min-height:38px;padding:0 13px;font-size:13px}.brand-mark{color:#fff;background:var(--blue);width:42px;height:42px;box-shadow:none;border-radius:13px;flex:none;place-items:center;display:grid;position:relative}.brand-mark span{width:14px;height:14px;color:var(--blue);background:#fff;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:5px;right:6px}.brand-mark.large{border-radius:17px;width:58px;height:58px}.brand-mark.large span{width:17px;height:17px;font-size:11px;bottom:7px;right:7px}.login-page{background:#f6f8fb;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{width:min(100%,380px);box-shadow:none;background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:30px}.login-heading{margin:0 0 24px}.login-heading h1{letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.15}.login-heading>p:last-child{color:var(--muted);margin:10px 0 0;line-height:1.55}.login-form{gap:10px;display:grid}.login-form>label{font-size:13px;font-weight:760}.password-field{color:#8790a3;border:1px solid #ccd5e1;border-radius:11px;align-items:center;gap:10px;height:52px;padding:0 15px;transition:border-color .16s,box-shadow .16s;display:flex}.password-field:focus-within{border-color:var(--green);box-shadow:none}.password-field input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.password-field input::placeholder{color:#a0a8b8}.password-toggle{color:#596276;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:36px;padding:0 8px;font-size:12px;font-weight:720;display:inline-flex}.password-toggle:hover{background:#f0f3f7}.password-toggle span{line-height:1}.login-button{border-radius:11px;width:100%;min-height:50px;margin-top:10px}.form-error{color:var(--red);background:var(--red-soft);border-radius:9px;padding:10px 12px;font-size:13px}.demo-hint{text-align:center;color:var(--muted);margin:20px 0 0;font-size:12px}.demo-hint code{color:var(--blue-dark);background:var(--blue-soft);border-radius:5px;padding:2px 5px}.app-loader{place-content:center;justify-items:center;gap:18px;min-height:100vh;display:grid}.app-loader>svg{color:var(--blue)}.app-shell{min-height:100dvh;display:flex;overflow:hidden}.sidebar{z-index:30;background:#fff;border-right:1px solid #e3e7ef;flex-direction:column;flex:none;width:254px;height:100dvh;padding:22px 14px 16px;display:flex;position:relative}.sidebar-brand{align-items:center;gap:12px;padding:2px 8px 24px;display:flex}.sidebar-brand>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-brand strong{letter-spacing:-.02em;font-size:17px}.sidebar-brand span{color:var(--muted);margin-top:2px;font-size:11px}.sidebar-close{margin-left:auto;display:none}.nav-label{color:#9aa2b2;letter-spacing:.09em;text-transform:uppercase;margin:6px 12px 8px;font-size:10px;font-weight:800}.sidebar-nav{gap:4px;display:grid}.sidebar-nav button{color:#596276;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 11px;font-size:13px;font-weight:650;display:flex}.sidebar-nav button:hover{color:var(--ink);background:#f5f7fa}.sidebar-nav button.active{color:var(--blue-dark);background:var(--blue-soft)}.sidebar-nav button span{flex:1}.sidebar-nav button b{color:#667086;background:#ebeff5;border-radius:7px;place-items:center;min-width:23px;height:21px;padding:0 6px;font-size:11px;display:grid}.sidebar-nav button.active b{color:var(--blue-dark);background:#d6e4ff}.sidebar-status{border:1px solid var(--border);background:#fafbfd;border-radius:12px;align-items:flex-start;gap:9px;margin-top:auto;padding:13px 11px;display:flex}.integration-dot{background:var(--amber);width:9px;height:9px;box-shadow:none;border-radius:50%;margin-top:4px}.integration-dot.online{background:var(--green);box-shadow:none}.sidebar-status>div:last-child{flex-direction:column;min-width:0;display:flex}.sidebar-status strong{font-size:11px}.sidebar-status span{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.35}.logout-button{min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.logout-button:hover{color:var(--red);background:var(--red-soft)}.sidebar-scrim{display:none}.main-shell{flex-direction:column;flex:1;min-width:0;height:100dvh;display:flex}.topbar{border-bottom:1px solid var(--border);background:#fffffff2;flex:none;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.topbar-title{align-items:center;gap:12px;display:flex}.topbar-title h1{letter-spacing:-.025em;margin:0;font-size:20px}.topbar-actions{align-items:center;gap:9px;display:flex}.connection-chip{height:34px;color:var(--amber);background:var(--amber-soft);border-radius:9px;align-items:center;gap:6px;padding:0 11px;font-size:11px;font-weight:720;display:inline-flex}.connection-chip.connected{color:var(--green);background:var(--green-soft)}.mobile-menu-button,.mobile-tabs{display:none}.workspace{flex:1;grid-template-columns:minmax(330px,420px) minmax(0,1fr);gap:16px;min-height:0;padding:16px;display:grid}.queue-pane,.detail-pane{border:1px solid var(--border);background:var(--surface);border-radius:16px;min-height:0;overflow:hidden}.queue-pane{flex-direction:column;display:flex}.queue-tools{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px;display:flex}.search-field{border:1px solid var(--border);color:#8c95a7;background:#f8f9fb;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:0;height:40px;padding:0 10px;display:flex}.search-field:focus-within{box-shadow:none;background:#fff;border-color:#b6cafa}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search-field input::placeholder{color:#9aa2b2}.search-field button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.queue-summary{color:var(--muted);white-space:nowrap;flex:none;font-size:11px}.queue-summary span{color:var(--ink);font-weight:750}.setup-note{color:#735517;background:#fff7e7;border-radius:9px;align-items:flex-start;gap:8px;margin:10px 10px 0;padding:10px 11px;font-size:11px;line-height:1.4;display:flex}.setup-note svg{flex:none;margin-top:1px}.submission-list{scrollbar-width:thin;scrollbar-color:#d8dde7 transparent;min-height:0;padding:8px;overflow-y:auto}.submission-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;padding:13px 13px 12px;transition:border-color .15s,background .15s,transform .15s}.submission-card+.submission-card{margin-top:3px}.submission-card:hover{background:#f7f9fc}.submission-card.selected{background:#f1f5ff;border-color:#cddcff}.submission-card:active{transform:scale(.995)}.card-topline{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-topline time{color:#929bad;font-size:10px}.status-pill{white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-height:23px;padding:0 8px;font-size:10px;font-weight:760;display:inline-flex}.status-collecting{color:#87610f;background:var(--amber-soft)}.status-processing,.status-review{color:#1557cf;background:var(--blue-soft)}.status-publishing{color:#614bc1;background:#f0ecff}.status-published{color:var(--green);background:var(--green-soft)}.status-rejected{color:var(--red);background:var(--red-soft)}.card-title-row{align-items:center;gap:8px;margin-top:10px;display:flex}.card-title-row strong{flex:1;font-size:13px}.card-chevron{color:#b0b7c5;transition:transform .15s}.submission-card:hover .card-chevron,.submission-card.selected .card-chevron{color:var(--blue);transform:translate(2px)}.submission-card>p{color:#646e81;min-height:36px;margin:6px 0 10px;font-size:12px;line-height:1.5}.card-meta{color:#8790a2;align-items:center;gap:12px;min-height:20px;font-size:10px;display:flex}.card-meta span{align-items:center;gap:4px;display:inline-flex}.card-meta .countdown-mini{color:var(--amber);margin-left:auto;font-weight:750}.empty-list{text-align:center;place-content:center;justify-items:center;min-height:280px;padding:40px 26px;display:grid}.empty-icon,.detail-empty-icon{width:53px;height:53px;color:var(--green);background:var(--green-soft);border-radius:16px;place-items:center;display:grid}.empty-list h3{margin:15px 0 4px;font-size:15px}.empty-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.detail-pane{background:#f8f9fb}.detail-card{flex-direction:column;height:100%;display:flex}.detail-header{border-bottom:1px solid var(--border);background:#fff;flex:none;align-items:center;gap:11px;min-height:69px;padding:13px 18px;display:flex}.detail-heading{flex:1;min-width:0}.detail-title-line{align-items:center;gap:9px;display:flex}.detail-title-line h2{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:15px;overflow:hidden}.detail-heading>p{color:var(--muted);margin:5px 0 0;font-size:10px}.mobile-back{display:none}.detail-scroll{scrollbar-width:thin;scrollbar-color:#d8dde7 transparent;flex:1;min-height:0;padding:16px 16px 28px;overflow-y:auto}.detail-section,.collection-panel,.processing-panel,.result-panel,.ai-notes{border:1px solid var(--border);background:#fff;border-radius:13px}.detail-section+.detail-section,.detail-section+.notice-stack,.notice-stack+.detail-section{margin-top:12px}.section-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:12px;min-height:45px;padding:0 14px;display:flex}.section-heading>div:first-child{color:#596378;align-items:center;gap:7px;display:flex}.section-heading h3{color:var(--ink);margin:0;font-size:12px}.section-heading>span{min-width:22px;height:21px;color:var(--muted);background:#f0f2f6;border-radius:7px;place-items:center;padding:0 6px;font-size:10px;font-weight:700;display:grid}.text-heading{min-height:49px}.segmented-control{background:#eef1f5;border-radius:8px;padding:3px;display:flex}.segmented-control button{min-height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:10px;font-weight:700}.segmented-control button.active{color:var(--ink);box-shadow:none;background:#fff}.editor-wrap textarea{resize:vertical;color:#283044;background:#fff;border:0;outline:0;width:100%;min-height:220px;padding:16px;font-size:14px;line-height:1.7}.editor-wrap textarea:focus{box-shadow:none}.editor-footer{color:#9099aa;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:34px;padding:0 13px;font-size:9px;display:flex}.unsaved{color:var(--amber);align-items:center;gap:5px;font-weight:700;display:inline-flex}.unsaved>span{background:#d78a18;border-radius:50%;width:6px;height:6px}.read-only-text{color:#343c4e;white-space:pre-wrap;min-height:150px;padding:16px;font-size:14px;line-height:1.7}.attachment-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px;padding:12px;display:grid}.attachment-image,.attachment-placeholder{background:#edf0f5;border-radius:10px;min-height:126px;position:relative;overflow:hidden}.attachment-image img{object-fit:cover;width:100%;height:100%;min-height:126px;max-height:240px;transition:transform .2s;display:block}.attachment-image:hover img{transform:scale(1.025)}.attachment-image>span{color:#fff;background:#141b28c7;border-radius:7px;align-items:center;gap:5px;height:27px;padding:0 9px;font-size:9px;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.attachment-placeholder{color:var(--muted);place-content:center;justify-items:center;gap:7px;font-size:10px;display:grid}.collection-panel{background:#fffbf3;border-color:#f0ddb6;align-items:center;gap:13px;margin-bottom:12px;padding:14px;display:flex}.timer-badge{width:42px;height:42px;color:var(--amber);background:var(--amber-soft);border-radius:12px;flex:none;place-items:center;display:grid}.collection-copy{flex:1;min-width:0}.timer-value{color:#6d4a0b;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:780}.collection-copy>p:last-child{color:#7e6d50;margin:2px 0 0;font-size:10px;line-height:1.4}.processing-panel{color:var(--blue);background:#f4f7ff;border-color:#cfddfc;align-items:center;gap:13px;margin-bottom:12px;padding:20px;display:flex}.processing-panel strong{color:#21498d;font-size:13px}.processing-panel p{color:#6e7fa1;margin:4px 0 0;font-size:10px}.result-panel{align-items:flex-start;gap:13px;margin-bottom:12px;padding:17px;display:flex}.result-icon{border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.success-result{background:#f7fcfa;border-color:#c9e7dc}.success-result .result-icon{color:var(--green);background:var(--green-soft)}.rejected-result{background:#fff9fa;border-color:#f1d0d6}.rejected-result .result-icon{color:var(--red);background:var(--red-soft)}.result-panel h3{margin:0;font-size:15px}.result-panel p:not(.eyebrow){color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.45}.post-link{color:var(--blue);align-items:center;gap:5px;margin-top:10px;font-size:11px;font-weight:720;text-decoration:none;display:inline-flex}.post-link:hover{text-decoration:underline}.notification-caption{color:#929aac;margin-top:8px;font-size:9px;display:inline-block}.notice{border:1px solid;border-radius:10px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:11px;line-height:1.45;display:flex}.notice svg{flex:none;margin-top:1px}.notice>div{flex-direction:column;display:flex}.notice>div strong{font-size:11px}.notice>div span{margin-top:2px}.notice-warning{color:#7b5917;background:#fff9eb;border-color:#efd8a7}.notice-error{color:#9a2f3e;background:#fff3f5;border-color:#f2c5cd;margin-bottom:12px}.notice-stack{gap:7px;margin-top:12px;display:grid}.compact-section{padding-bottom:12px}.tag-list{flex-wrap:wrap;gap:6px;padding:11px 13px 0;display:flex}.tag-list span{color:#89525d;background:#fff0f2;border-radius:7px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:650;display:inline-flex}.ai-notes{margin-top:12px;overflow:hidden}.ai-notes summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;padding:0 13px;list-style:none;display:flex}.ai-notes summary::-webkit-details-marker{display:none}.ai-notes summary>span{color:#49536a;align-items:center;gap:7px;font-size:11px;font-weight:700;display:flex}.ai-notes summary>svg{color:#929aac;transition:transform .16s}.ai-notes[open] summary>svg{transform:rotate(180deg)}.ai-notes ul{color:var(--muted);margin:0;padding:0 34px 13px 40px;font-size:10px;line-height:1.5}.message-timeline{gap:12px;padding:13px;display:grid}.message-item{align-items:flex-start;gap:10px;display:flex}.message-index{width:22px;height:22px;color:var(--blue-dark);background:var(--blue-soft);border-radius:7px;flex:none;place-items:center;font-size:9px;font-weight:750;display:grid}.message-item time{color:#9aa2b2;font-size:9px}.message-item p{color:#4c566b;white-space:pre-wrap;margin:4px 0 0;font-size:11px;line-height:1.5}.action-bar{min-height:68px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;flex:none;justify-content:flex-end;gap:9px;display:flex}.approve-button{min-width:180px}.reject-button{min-width:110px}.detail-empty{text-align:center;place-content:center;justify-items:center;height:100%;padding:40px;display:grid}.detail-empty-icon{color:var(--blue);background:var(--blue-soft)}.detail-empty h2{margin:16px 0 5px;font-size:16px}.detail-empty p{max-width:260px;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.dialog-backdrop{z-index:80;background:#141c2b80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{width:min(100%,470px);max-height:calc(100dvh - 40px);box-shadow:none;background:#fff;border-radius:18px;padding:20px;overflow-y:auto}.dialog-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.dialog-header h2{letter-spacing:-.025em;margin:0;font-size:20px}.dialog-description{color:var(--muted);margin:9px 0 16px;font-size:12px;line-height:1.45}.reason-list{gap:7px;display:grid}.reason-option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:43px;padding:0 12px;font-size:12px;display:flex}.reason-option.checked{color:#164cac;background:#f2f6ff;border-color:#bcd0fc}.reason-option input{accent-color:var(--blue)}.custom-reason{border:1px solid var(--border);resize:vertical;border-radius:10px;outline:0;width:100%;min-height:90px;margin-top:9px;padding:11px;font-size:16px}.custom-reason:focus{border-color:var(--blue);box-shadow:none}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.toast{right:20px;bottom:calc(104px + env(safe-area-inset-bottom));z-index:100;width:min(100vw - 40px,410px);min-height:50px;box-shadow:var(--shadow);border:1px solid;border-radius:12px;align-items:center;gap:9px;padding:10px 10px 10px 13px;font-size:12px;font-weight:650;animation:.2s ease-out toast-in;display:flex;position:fixed}.toast-success{color:#0b6849;background:#f2fbf7;border-color:#bde0d3}.toast-error{color:#962d3c;background:#fff4f6;border-color:#ecc0c8}.toast span{flex:1}.toast button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:grid}.toast button:hover{background:#0000000d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.approval-shell{background:#f3f5f9;flex-direction:column;min-height:100dvh;display:flex}.approval-topbar{border-bottom:1px solid var(--border);background:#fffffff5;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 20px;display:flex}.approval-brand{align-items:center;gap:12px;min-width:0;display:flex}.approval-brand h1{letter-spacing:-.02em;margin:0;font-size:24px}.approval-actions{align-items:center;gap:8px;display:flex}.approval-main{flex:1;width:min(100%,1500px);margin:0 auto;padding:16px}.approval-toolbar{grid-template-columns:minmax(0,1fr) minmax(260px,420px);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:grid}.approval-tabs{border:1px solid var(--border);scrollbar-width:none;background:#fff;border-radius:12px;width:max-content;min-width:0;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.approval-tabs::-webkit-scrollbar{display:none}.approval-tabs button{color:#5f6879;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:36px;padding:0 10px;font-size:12px;font-weight:720;display:inline-flex}.approval-tabs button.active{color:#064e3b;background:#e9f7f0}.approval-tabs button b{color:#596276;background:#e3e8ef;border-radius:7px;place-items:center;min-width:22px;height:21px;padding:0 6px;font-size:10px;display:grid}.approval-tabs button.active b{color:#596276;background:#e3e8ef}.approval-search{background:#fff;width:100%}.approval-deck{width:min(100%,880px);margin:0 auto;padding-bottom:118px}.approval-deck .approval-card{border-radius:14px}.approval-deck .approval-card-header{padding:16px 18px 12px}.approval-deck .approval-title-line h2{font-size:16px}.approval-deck .approval-card-header p{font-size:12px}.approval-deck .approval-editor{padding:14px}.approval-deck .approval-editor textarea{min-height:104px}.approval-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:12px;display:grid}.approval-card{border:1px solid var(--border);min-width:0;box-shadow:none;background:#fff;border-radius:12px;overflow:hidden}.approval-card-collecting{border-color:#ecd5a9}.approval-card-publishing,.approval-card-processing{border-color:#cddcff}.approval-card-header{border-bottom:1px solid #eef1f5;padding:13px 14px 10px}.approval-title-line{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.approval-sender{align-items:center;gap:10px;min-width:0;display:flex}.sender-avatar{color:#5f6879;background:#f6f8fb;border:1px solid #e2e7ef;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.sender-avatar img{object-fit:cover;width:100%;height:100%;display:block}.approval-sender>div:last-child{min-width:0}.approval-title-line h2{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:14px;overflow:hidden}.approval-sender span{color:var(--muted);margin-top:2px;font-size:10px;font-weight:650;display:block}.approval-card-header p{color:var(--muted);margin:5px 0 0;font-size:11px}.approval-notice{margin:10px 12px 0}.collecting-inline{color:#78530e;background:#fff7e6;border-radius:9px;align-items:center;gap:8px;margin:10px 12px 0;padding:9px 10px;font-size:11px;line-height:1.35;display:flex}.published-inline,.rejected-inline{border-radius:9px;align-items:center;gap:8px;margin:10px 12px 0;padding:9px 10px;font-size:11px;line-height:1.35;display:flex}.published-inline{color:#075f46;background:var(--green-soft)}.rejected-inline{color:#991b1b;background:var(--red-soft)}.published-inline a{color:#075f46;align-items:center;gap:4px;margin-left:auto;font-weight:750;text-decoration:none;display:inline-flex}.published-inline a:hover{text-decoration:underline}.collecting-inline svg{flex:none}.approval-editor{padding:12px}.approval-editor textarea{border:1px solid var(--border);resize:none;color:#283044;background:#fff;border-radius:10px;outline:0;width:100%;min-height:104px;padding:12px;font-size:16px;line-height:1.55}.approval-editor textarea:focus{box-shadow:none;border-color:#b8cbfa}.approval-editor-footer{color:#929bad;justify-content:space-between;align-items:center;gap:10px;min-height:22px;font-size:10px;display:flex}.approval-editor-footer span:last-child{color:var(--amber);font-weight:760}.approval-media{border:1px solid #edf0f4;border-radius:10px;margin:0 12px 12px;overflow:hidden}.approval-media-heading{color:#596378;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:0 10px;font-size:11px;font-weight:740;display:flex}.approval-media-heading span{align-items:center;gap:6px;display:inline-flex}.approval-media-heading b{background:#f0f2f6;border-radius:7px;place-items:center;min-width:22px;height:21px;padding:0 6px;font-size:10px;display:grid}.approval-media-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:7px;padding:9px;display:grid}.approval-image-wrap{min-height:92px;position:relative}.approval-image,.approval-file{background:#edf0f5;border-radius:8px;min-height:92px;overflow:hidden}.approval-image{height:100%;display:block}.approval-image img{object-fit:cover;width:100%;height:100%;min-height:92px;max-height:150px;display:block}.approval-file{color:var(--muted);place-content:center;justify-items:center;gap:6px;font-size:10px;display:grid}.remove-photo-button{color:#fff;cursor:pointer;background:#dc2626eb;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid;position:absolute;top:6px;right:6px}.remove-photo-button:hover{background:#b91c1c}.remove-photo-button:disabled{opacity:.55;cursor:wait}.approval-media-note{color:var(--amber);margin:0;padding:0 10px 10px;font-size:10px;line-height:1.35}.approval-fragments{background:#fbfcfe;border:1px solid #edf0f4;border-radius:10px;margin:0 12px 12px;overflow:hidden}.approval-fragments-heading{color:#596378;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:11px;font-weight:740;display:flex}.approval-fragments-heading span{align-items:center;gap:6px;display:inline-flex}.approval-fragments-heading b{background:#f0f2f6;border-radius:7px;place-items:center;min-width:22px;height:21px;padding:0 6px;font-size:10px;display:grid}.approval-fragment-list{gap:7px;padding:9px;display:grid}.approval-fragment-item{color:#4c566b;background:#fff;border:1px solid #eef1f5;border-radius:8px;grid-template-columns:minmax(0,1fr) 26px;align-items:start;gap:8px;min-width:0;padding:8px 8px 8px 10px;display:grid}.approval-fragment-item p{white-space:pre-wrap;margin:0;font-size:11px;line-height:1.45}.approval-fragment-item button{color:#fff;background:var(--red);cursor:pointer;border:0;border-radius:50%;place-items:center;width:26px;height:26px;padding:0;display:grid}.approval-fragment-item button:hover{background:#b91c1c}.approval-fragment-item button:disabled{opacity:.55;cursor:wait}.approval-card-actions{background:#fbfcfe;border-top:1px solid #eef1f5;grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:8px;min-height:60px;padding:9px 12px;display:grid}.approval-card-actions .restore-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:720;display:inline-flex}.approval-card-actions .restore-button:hover{background:#036b4d}.approval-card-actions .restore-button:disabled{opacity:.55;cursor:wait}.approval-card-actions .reject-button,.approval-card-actions .approve-button{border-radius:10px;min-width:0;min-height:42px;padding:0 12px}.approval-card-actions.approval-bottom-menu{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:15;border:1px solid var(--border);background:#fff;border-radius:14px;grid-template-columns:minmax(170px,230px) minmax(116px,150px) minmax(160px,1fr);align-items:center;width:min(100vw - 32px,856px);min-height:68px;margin:0;padding:9px;position:fixed;transform:translate(-50%)}.approval-bottom-nav{background:#f7f9fc;border:1px solid #e0e5ee;border-radius:11px;grid-template-columns:38px minmax(56px,1fr) 38px;align-items:center;gap:4px;min-width:0;min-height:44px;padding:3px;display:grid}.approval-bottom-nav span{color:#596276;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:760}.nav-arrow-button{color:#283044;cursor:pointer;background:#fff;border:0;border-radius:9px;place-items:center;width:38px;height:38px;padding:0;display:grid}.nav-arrow-button:hover{background:#edf1f6}.nav-arrow-button:disabled{color:#b2bac8;cursor:not-allowed;background:0 0}.approval-empty{text-align:center;place-content:center;justify-items:center;min-height:360px;padding:42px 20px;display:grid}.approval-empty h2{margin:16px 0 6px;font-size:18px}.approval-empty p{max-width:340px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}@media (width<=1100px){.workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.queue-summary{display:none}}@media (width<=900px){.approval-topbar{padding:10px 12px}.approval-brand .brand-mark{border-radius:11px;width:38px;height:38px}.approval-brand h1{font-size:19px}.approval-actions .connection-chip{display:none}.approval-main{padding:12px}.approval-toolbar{grid-template-columns:1fr}.approval-tabs{width:100%}.approval-tabs button{flex:1;justify-content:center}.approval-deck{width:100%;padding-bottom:118px}.approval-grid{grid-template-columns:1fr}.app-shell{overflow:visible}.sidebar{width:min(86vw,290px);box-shadow:none;transition:transform .2s ease-out;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.sidebar.mobile-open{transform:translate(0)}.sidebar-close{display:inline-flex}.sidebar-scrim{z-index:25;background:#141c2b6e;border:0;display:block;position:fixed;inset:0}.main-shell{height:100dvh}.topbar{height:68px;padding:0 14px}.mobile-menu-button{display:inline-flex}.topbar-title h1{font-size:18px}.topbar-title .eyebrow,.connection-chip{display:none}.mobile-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;background:#fff;flex:none;gap:3px;height:56px;padding:0 8px;display:flex;overflow-x:auto}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tabs button{min-width:max-content;height:55px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.mobile-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.workspace{min-height:0;padding:0;display:block}.queue-pane,.detail-pane{border:0;border-radius:0;height:100%}.detail-pane,.workspace.has-selection .queue-pane{display:none}.workspace.has-selection .detail-pane{display:block}.queue-tools{padding:10px 12px}.queue-summary{display:block}.submission-list{padding:7px 8px 100px}.submission-card{border-bottom:1px solid #eef0f4;border-radius:10px;padding:13px}.submission-card.selected{background:0 0;border-color:#0000 #0000 #eef0f4}.mobile-back{display:inline-flex}.detail-header{min-height:66px;padding:10px 12px}.detail-scroll{padding:12px 12px 24px}.action-bar{min-height:70px;padding-left:12px;padding-right:12px;position:sticky;bottom:0}.approve-button{flex:1.5;min-width:0}.reject-button{flex:1;min-width:0}.detail-heading>p{white-space:nowrap;text-overflow:ellipsis;max-width:75vw;overflow:hidden}.toast{right:12px;bottom:calc(128px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}}@media (width<=560px){.approval-topbar{min-height:64px}.approval-main{padding:10px 8px 16px}.approval-tabs{padding:3px}.approval-tabs button{padding:0 8px;font-size:11px}.approval-card{border-radius:10px}.approval-title-line{flex-direction:column;align-items:flex-start;gap:7px}.approval-sender,.approval-title-line h2{width:100%}.approval-editor textarea{min-height:104px;font-size:16px}.approval-deck .approval-editor textarea{min-height:104px}.approval-card-actions{padding-bottom:calc(9px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);position:sticky;bottom:0}.approval-card-actions.approval-bottom-menu{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-bottom:0;border-left:0;border-right:0;border-radius:14px 14px 0 0;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);margin:0;bottom:0;left:0;transform:none}.approval-bottom-nav{grid-column:1/-1;grid-template-columns:44px minmax(74px,1fr) 44px}.nav-arrow-button{width:44px}.approval-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.approval-actions{gap:6px}.approval-actions .icon-button{width:38px;height:38px}.login-page{background:#fff;padding:0}.login-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:34px 24px;display:flex}.queue-summary{display:none}.collection-panel{flex-wrap:wrap;grid-template-columns:42px minmax(0,1fr);align-items:flex-start;display:grid}.collection-panel .secondary-button{grid-column:1/-1;width:100%;margin:0}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading.text-heading{flex-direction:column;justify-content:center;align-items:flex-start;min-height:57px;padding:7px 11px}.segmented-control{width:100%}.segmented-control button{flex:1}.editor-wrap textarea{min-height:250px;font-size:16px}.read-only-text{font-size:15px}.dialog-backdrop{align-items:end;padding:0}.dialog{width:100%;max-height:92dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.dialog-actions>button{flex:1;padding-inline:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}