:root{color-scheme:light;--ink:#182c2a;--sub:#546961;--line:#d8e1da;--paper:#f6f8f3;--green:#145744;--mint:#e2f1de;--lime:#ddf392;--warm:#f4edcf;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button,.btn,.google{min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:8px 13px;cursor:pointer;font-weight:550;text-decoration:none}button:hover,.btn:hover{border-color:#86a095;background:#f2f7ee}button.primary,.btn.primary{background:var(--green);border-color:var(--green);color:white}button:disabled{opacity:.55;cursor:wait}a{color:var(--green)}.quiet{background:transparent;border:0;color:var(--sub);min-height:30px;padding:4px 6px}.danger{color:#9c332c}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.12}h1{font-size:clamp(32px,4vw,54px);font-weight:550}h2{font-size:26px}h3{font-size:19px}p{color:var(--sub)}.eyebrow{font-size:10px;font-weight:550;letter-spacing:.15em;color:var(--sub)}.brand{display:flex;align-items:center;gap:10px}.brand img{height:auto}.brand span{font-size:12px;font-weight:550;background:#e6ebdf;color:#366345;padding:3px 8px;border-radius:6px}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100dvh;background:#fcfdf9;border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column}.side .brand{padding:0 8px}.rail-title{margin:48px 11px 10px}nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;color:#4b6156;font-weight:550;padding:10px 12px;border-radius:9px}nav a[aria-current=page]{background:#e4efdf;color:#144d3d}nav a:hover{background:#edf2e8}.glyph{height:19px;width:19px;display:inline-flex;align-items:center;justify-content:center}.glyph svg{width:100%;height:100%}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:16px}.account{display:flex;gap:9px;align-items:center}.account strong{font-size:13px;display:block;overflow-wrap:anywhere}.account small,.login-form small{display:block;color:var(--sub);font-size:12px}.avatar{border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#dbe4bd;flex:none}.content{min-width:0}.top{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3.3vw,52px);font-size:13px;color:var(--sub)}.top b{margin:0 8px;color:#99aaa0}.top a{text-decoration:none;color:var(--ink)}main#main{max-width:1500px;margin:auto;padding:30px clamp(16px,3.3vw,52px) 80px}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#153f35;color:#f6f9e9;padding:36px clamp(22px,4.2vw,55px);min-height:212px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero .eyebrow,.login-art .eyebrow{color:#c9dda4}.hero h1{margin:8px 0 12px}.hero p{color:#d5e4d9;max-width:62%}.motif{position:absolute;right:5%;top:13%;width:175px;aspect-ratio:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;transform:rotate(-9deg);z-index:-1}.motif i,.shapes i{background:var(--lime);border-radius:4% 60% 4% 60%}.motif i:nth-child(2),.shapes i:nth-child(2){border-radius:50%;background:#9fbfb2}.motif i:nth-child(3),.shapes i:nth-child(3){background:repeating-linear-gradient(135deg,transparent 0 7px,#91c3a8 8px 14px);border-radius:30%}.motif i:nth-child(4),.shapes i:nth-child(4){border-radius:50% 0 50% 50%;background:#e8cc92}.stats,.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 28px}.stat,.card,.surface{border:1px solid var(--line);border-radius:13px;background:#fff}.stat,.card{display:block;text-align:left;padding:18px;text-decoration:none;min-height:98px}.stat b{font-size:30px;letter-spacing:-.05em;display:block;margin:4px 0}.stat span,.card p,.muted,.note{color:var(--sub);font-size:13px}.card .glyph{background:var(--mint);border-radius:9px;width:36px;height:36px;padding:8px;margin-bottom:12px}.card h3{margin-bottom:6px}.card:hover,.stat:hover{background:#f9fcf5;border-color:#aac4b1}.section-head,.bar,.actions,.pager,.dialog-head,.sectiontitle{display:flex;align-items:center;gap:10px}.section-head,.sectiontitle,.pager,.dialog-head{justify-content:space-between}.section-head{margin:8px 0 22px}.section-head h1{font-size:38px;margin:4px 0 9px}.section-head p{max-width:660px}.sectiontitle{margin:24px 0 12px}.bar{padding:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.bar input,.bar select{max-width:100%}.bar input{flex:1;min-width:120px}.bar input,input,select,textarea{border:1px solid #bacbc0;border-radius:7px;background:white;padding:9px 11px;color:var(--ink)}textarea{width:100%;resize:vertical;min-height:80px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{background:#f5f8f1;color:var(--sub);font-size:11px;letter-spacing:.045em;text-transform:uppercase}td,th{padding:10px 15px;border-bottom:1px solid #e7ece6}td{overflow-wrap:anywhere}td small,.tile small{display:block;color:var(--sub)}.rowlink{border:0;background:none;text-align:left;justify-content:flex-start;padding:0;min-height:36px;color:var(--green)}.thumb{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:44px;height:44px;background:#f1f5ed;border-radius:8px;flex:none;color:#708876}.thumb img{width:30px;height:30px;object-fit:contain}.record-title{display:flex;align-items:center;gap:10px}.tag{font-size:11px;display:inline-block;font-weight:550;border-radius:30px;background:#eaf2e5;color:#28523e;padding:3px 9px}.tag.amber{background:var(--warm);color:#705321}.pager{padding:12px 14px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tile{border:1px solid var(--line);background:white;display:flex;flex-direction:column;align-items:flex-start;text-align:left;justify-content:flex-start;border-radius:12px;padding:15px;gap:8px}.tile img{width:100%;height:100px;object-fit:contain;border-radius:6px;background:var(--paper)}.tile strong{font-size:16px}.blank,.loading{padding:24px;color:var(--sub)}.skip{position:absolute;left:-10000px}.skip:focus{left:8px;top:8px;z-index:5;background:#fff;padding:10px}.notice,.inline,.warn,.error{border-radius:8px;padding:10px 12px;background:#e8f1e4;color:#2c523c;font-size:13px}.warn{background:var(--warm);color:#6e5427}.error{background:#fff0e8;color:#8c3026}#notice:not(:empty){position:fixed;bottom:20px;right:20px;max-width:min(440px,90vw);padding:12px 18px;border-radius:9px;background:#1d463a;color:#fff;z-index:5;box-shadow:0 5px 25px #19332225}dialog{padding:0;border:1px solid #adbdaf;border-radius:16px;max-width:880px;width:calc(100% - 28px);max-height:92dvh;color:var(--ink);background:#fff;box-shadow:0 24px 100px #14352e33}dialog::backdrop{background:#173a325e;backdrop-filter:blur(2px)}.dialog-head{padding:18px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.dialog-head h2{font-size:24px;overflow-wrap:anywhere}.inside{padding:20px 22px}.inside>p,.inside>.note{margin-bottom:14px}.tabs{display:flex;gap:5px;margin:14px 0;flex-wrap:wrap}.tabs button.selected{background:var(--mint);color:var(--green)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:550;min-width:0}.field.wide{grid-column:1/-1}.field input,.field textarea,.field select{width:100%;font-weight:400}.code{font:13px/1.55 ui-monospace,monospace;min-height:230px}.form-foot{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;padding:14px;background:#f4f7f0;border:1px solid var(--line);border-radius:8px}.diff{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.diff div{background:#f7f8f4;padding:10px;border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto}.diff div+div{background:#ebf5e7}.preview-img{width:100px;height:100px;object-fit:contain;background:#f3f6ed;margin:6px;border-radius:8px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-frame{max-width:900px;width:100%;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.login-art{padding:32px;background:#173e33;color:white}.login-art .brand{background:#f5f8ec;border-radius:8px;padding:8px;width:fit-content}.login-art h1{margin:8px 0 12px}.login-art p{color:#d6e6d7}.shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:46px 0 32px}.shapes i{aspect-ratio:1}.login-form{align-self:center;padding:36px}.login-form h2{font-size:34px;margin:10px 0}.google{width:100%;margin:22px 0 13px}.google b{color:#3274d4;font-size:19px}.google span{margin-left:auto}.login-form .error{margin-top:12px}.review-title{margin:15px 0 6px}#editor-error:empty{display:none}.buttonline{display:flex;flex-wrap:wrap;gap:5px}.details{margin:15px 0}.details summary{cursor:pointer;font-weight:550}.art-block{display:flex;align-items:center;gap:16px}.art-block p{font-size:13px}.tagline{font-size:12px;color:var(--sub);margin:12px 0}.spaced{margin-top:15px}
@media(max-width:850px){.shell{grid-template-columns:160px 1fr}.side{padding:22px 9px}.cards{grid-template-columns:repeat(2,1fr)}.motif{width:110px;top:25%}.hero p{max-width:70%}.top{height:52px}.mobile-hide{display:none}}
@media(max-width:640px){.shell{display:block}.side{position:static;height:auto;padding:13px 16px;border:0;border-bottom:1px solid var(--line)}.side .brand{padding:0}.rail-title,.rail-bottom .account,.top span{display:none}.rail-bottom{position:absolute;right:12px;top:11px;border:0;padding:0}.side nav{display:flex;overflow:auto;gap:2px;margin-top:10px}.side nav a{padding:8px;white-space:nowrap;gap:4px}.side nav .glyph{width:15px}.top{height:35px;justify-content:flex-end}main#main{padding-top:16px}.hero{min-height:170px}.hero p{max-width:80%}.motif{opacity:.35;width:90px;right:3%}.stats{gap:5px}.stat{min-height:70px;padding:9px}.stat b{font-size:22px}.stat span{font-size:12px}.cards{gap:7px}.card{padding:12px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h1{font-size:30px}.fields,.diff{grid-template-columns:1fr}.dialog-head,.inside{padding:14px}.dialog-head h2{font-size:20px}.login-frame{grid-template-columns:1fr}.login-art,.login-form{padding:22px}.shapes{display:none}.login-art .brand{margin-bottom:16px}.login-art h1{font-size:36px}td,th{padding:8px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}}

.sourcing-preview .tile img{width:100%;height:112px;object-fit:contain;padding:12px;box-sizing:border-box}

img{object-fit:contain}

.account>div{min-width:0;flex:1}.account .signout{margin-left:auto;flex:none;padding:6px}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:contain}

.source-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-bottom:12px}.tile .source-thumbnails img{width:100%;height:48px;object-fit:contain;padding:6px;border-radius:4px;background:#f6f8f3}

.source-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.source-actions .compact{width:auto;min-height:30px;padding:4px 9px;font-size:12px;flex:none}

/* Workspace density: keep the queue and first records visible above the fold. */
:root{font-size:14px}.shell{grid-template-columns:188px minmax(0,1fr)}.side{padding:20px 12px}.rail-title{margin:26px 10px 7px}nav{gap:2px}nav a{padding:7px 9px;gap:9px}.top{height:42px;padding-inline:clamp(16px,2.3vw,34px)}main#main{padding:18px clamp(16px,2.3vw,34px) 40px}.hero{min-height:104px;padding:16px 22px;border-radius:11px}.hero h1{font-size:29px;margin:3px 0 4px}.hero .motif{width:85px;top:10%;right:3%}.stats,.cards{gap:8px;margin:10px 0 16px}.stat,.card{padding:10px 13px;min-height:0}.stat b{font-size:24px;margin:1px 0}.card .glyph{width:26px;height:26px;padding:5px;margin:0 7px 0 0;vertical-align:middle}.card h3{display:inline;font-size:16px}.card p{margin-top:5px}.sectiontitle{margin:16px 0 6px}.sectiontitle h2,.inside h2{font-size:20px}.section-head{margin:0 0 12px}.section-head h1{font-size:28px;margin:2px 0 4px}.surface,.stat,.card{border-radius:9px}.bar,.pager{padding:8px 10px;gap:7px}button,.btn{min-height:32px;padding:5px 10px;border-radius:6px}.bar input,input,select,textarea{padding:6px 8px}.rowlink{padding:0;min-height:24px;line-height:1.25}td,th{padding:6px 10px}.thumb{width:34px;height:34px}.thumb img{width:26px;height:26px}.inside,.dialog-head{padding:12px 16px}.dialog-head h2{font-size:21px}.art-block{margin-bottom:9px;padding:8px;gap:10px}.preview-img{height:62px;width:62px}.fields{gap:9px 12px}.form-foot,.tabs{margin-top:10px;gap:6px}.tabs{margin-bottom:10px}.tile{padding:10px;gap:5px}.tile-grid{gap:8px}.field{min-width:0}.field input,.field select{width:100%;min-width:0}.field small{color:var(--sub)}.field textarea{min-height:50px}.account .signout{min-width:32px}
.reportbar,.report footer,.axis{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.reportbar{padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px}.periods{display:flex;gap:3px}.periods a{padding:5px 9px;border-radius:5px;text-decoration:none}.periods a[aria-current]{background:var(--green);color:white}.report{padding:12px}.measure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;overflow:hidden}.measure{padding:9px 12px;border-right:1px solid var(--line)}.measure:last-child{border:none}.measure strong{display:block;font-size:23px;letter-spacing:-.04em}.measure span,.report footer,.axis,.trend details{color:var(--sub);font-size:12px}.rankings{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:12px}.ranking h3,.trend h3{font-size:15px;margin:5px 0 8px}.ranking td:last-child,.ranking th:last-child{text-align:right;white-space:nowrap}.trend{padding:8px 0;margin:6px 0;border-bottom:1px solid var(--line)}.trendline{display:block;width:100%;height:80px}.trend details{margin:6px 0}.report footer{margin-top:12px}.connect-box{padding:18px}.connect-box h2{font-size:20px}.connect-box p{margin:6px 0 12px}.rail-bottom .account .signout svg{width:18px;height:18px}
@media(max-width:850px) and (min-width:641px){.shell{grid-template-columns:150px minmax(0,1fr)}.side{padding:16px 8px}.rankings{grid-template-columns:1fr}}
@media(max-width:640px){.side{padding:8px 12px}.rail-bottom .account{display:flex}.rail-bottom .avatar,.rail-bottom .account>div{display:none}.rail-bottom{top:4px}.side nav{margin-top:6px}.side nav a{padding:7px;min-height:36px}.top{height:28px}main#main{padding:10px 10px 30px}.hero{min-height:95px;padding:12px}.hero .motif{width:68px}.hero h1{font-size:25px}.stat{padding:6px}.stat b{font-size:20px}.inside,.dialog-head{padding:10px}.rankings{grid-template-columns:1fr}.measure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.measure:nth-child(2){border-right:0}.measure:nth-child(-n+2){border-bottom:1px solid var(--line)}.report{padding:8px}.bar button,.pager button,.form-foot button{min-height:36px}.form-foot{flex-wrap:wrap}.bar{align-items:stretch}.field input,.field textarea,.field select,.bar input,.bar select{font-size:16px}.tag{padding:2px 6px}}

.snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 10px}.pulse{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-width:0}.pulse h2{font:650 13px/1.4 system-ui;letter-spacing:0;margin:0 0 3px}.pulse-value{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.pulse span,.pulse small{font-size:12px}.pulse small{display:block;color:var(--sub);line-height:1.4}.pulse .sample-time{font-size:10px;margin-top:3px}.live-card{background:#163f34;color:#f3fff8;border-color:#163f34}.live-card small{color:#daeee1}.live-signal{vertical-align:middle;display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 4px;background:#bcea96;animation:signal 1.8s ease-out 2}.health-line{display:grid;grid-template-columns:50px auto minmax(30px,1fr);align-items:center;gap:6px;font-size:12px}.health-line b{font-variant-numeric:tabular-nums}.health-line meter{width:100%;height:10px;accent-color:#2b7751}.pending-read{color:var(--sub)}@keyframes signal{0%{box-shadow:0 0 0 0 #addc80aa}100%{box-shadow:0 0 0 7px #addc8000}}@media(prefers-reduced-motion:reduce){.live-signal{animation:none}}@media(max-width:1000px){.snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.pulse{padding:8px}.pulse-value{font-size:21px}.health-line{grid-template-columns:42px auto 1fr;gap:3px}.pulse span,.pulse small{font-size:11px}}

.periods{flex-wrap:wrap}.periods a{white-space:nowrap}
.report-range{margin:0 0 9px;color:var(--sub);font-size:13px}.stat-comparison b{color:var(--ink)}
.trend-key{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 8px;color:var(--sub);font-size:12px}
.trend-key span::before{content:'';display:inline-block;width:20px;border-top:2px solid #246a50;margin-right:6px;vertical-align:middle}
.trend-key span+span::before{border-top:2px dashed #78859a}
.approval-section{margin-bottom:14px}.approval-head,.approval-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px}
.approval-head h2{margin:0;font-size:17px}.approval-row{border-top:1px solid var(--line)}.approval-row small{color:var(--sub)}
.select-page{display:inline-flex;align-items:center;gap:8px;margin:10px 14px 0;font-size:13px}
.pack-card{position:relative}.pack-card:has(.pack-pick:checked){outline:2px solid var(--green);outline-offset:-2px}
.pack-pick{position:absolute;top:8px;right:8px}.pack-pick,.select-page input{width:17px;height:17px;accent-color:var(--green)}

.health-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0}.health-metric{--health-color:#23734b;min-width:0}.health-elevated{--health-color:#946000}.health-critical{--health-color:#bf303b}.health-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 8px}.health-heading>span{font-weight:550;color:var(--sub)}.health-heading strong{font-size:25px;line-height:1.2;color:var(--health-color);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.health-heading .health-unit{font-size:13px;margin-left:2px;font-weight:500}.health-metric meter{display:block;width:100%;height:8px;margin:6px 0;appearance:none;border:0;background:#edf1ee;border-radius:8px;overflow:hidden}.health-metric meter::-webkit-meter-bar{background:#edf1ee;border:0;border-radius:8px}.health-metric meter::-webkit-meter-optimum-value,.health-metric meter::-webkit-meter-suboptimum-value,.health-metric meter::-webkit-meter-even-less-good-value{background:var(--health-color);border-radius:8px}.health-metric meter::-moz-meter-bar{background:var(--health-color)}.health-metric small{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}@media(max-width:420px){.health-metrics{gap:7px}.health-heading strong{font-size:23px}}

/* Quiet placeholders reserve the shape of the incoming workspace. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skeleton{overflow:hidden;pointer-events:none}.ghost{display:block;position:relative;overflow:hidden;background:#e8eee7;border-radius:5px;height:12px;width:100%;max-width:100%;font-style:normal}.ghost::after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 15%,#ffffff85 50%,transparent 85%);animation:ghost-sweep 1.9s ease-in-out infinite;animation-delay:160ms}.ghost-short{width:58%;height:10px;margin-top:9px}.ghost-number{width:42%;height:27px;margin-top:10px}.ghost-toolbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.ghost-search{width:240px;height:32px}.ghost-button{width:88px;height:30px;margin-top:8px}.ghost-toolbar .ghost-button{margin:0}.ghost-icon{height:48px}.ghost-card{min-height:257px;display:flex;flex-direction:column;align-items:stretch}.ghost-card .ghost-button{margin-top:auto}.ghost-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(45px,18%);gap:14px;align-items:center;min-height:49px;border-bottom:1px solid #e8eee7;padding:7px 0}.ghost-thumb{width:34px;height:34px}.ghost-row>.ghost-short{margin:0}.ghost-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:8px 0 22px;min-height:290px}.ghost-field{height:36px;margin-top:8px}.ghost-chart{height:110px;margin:18px 0}
#list:not(:has(.skeleton))>.inside,#list:not(:has(.skeleton))>.table-wrap,#stats>.stats,#recent>.surface{animation:workspace-reveal 180ms ease-out both}
@keyframes ghost-sweep{to{transform:translateX(100%)}}@keyframes workspace-reveal{from{opacity:.55}to{opacity:1}}
@media(max-width:640px){.ghost-toolbar{padding:10px}.ghost-form{grid-template-columns:1fr}.ghost-toolbar .ghost-search{flex:1}.ghost-toolbar .ghost-button{width:58px}.ghost-card{min-height:257px}}
@media(prefers-reduced-motion:reduce){.ghost::after{animation:none;display:none}#list:not(:has(.skeleton))>.inside,#list:not(:has(.skeleton))>.table-wrap,#stats>.stats,#recent>.surface{animation:none}}

.source-progress{min-height:85px;margin-top:8px}.source-progress small,.source-progress-copy small,[data-source-job] small{display:block;overflow-wrap:anywhere}.source-progress progress{display:block;width:100%;height:6px;margin:0 0 7px;accent-color:var(--green)}.source-sync{display:block;color:var(--sub);font-size:12px;min-height:18px;margin-bottom:8px}[data-source-job]{padding:10px 0;border-bottom:1px solid var(--line)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Import feedback floats over the existing preview; it never adds card height. */
.source-preview-area{position:relative;width:100%}.source-preview-area .source-thumbnails{margin-bottom:12px}.source-preview-area .source-progress{display:none;position:absolute;inset:auto 4px 16px;min-height:0;margin:0;padding:8px 10px;border:1px solid #c8d9cb;border-radius:8px;background:#f8fcf2ed;box-shadow:0 2px 10px #183c2420;backdrop-filter:blur(8px);pointer-events:none}.source-preview-area .source-progress.is-visible{display:block}.source-preview-area .source-progress small{white-space:nowrap;font-size:11px;line-height:1.3}.source-preview-area .source-progress progress{margin:0 0 4px;height:5px}.source-progress-copy small{overflow:hidden;text-overflow:ellipsis}

.import-queue{padding:10px;margin-bottom:12px;background:#e8f1e2;border:1px solid #d2e0ca;border-radius:8px;max-height:180px;overflow:auto;font-size:12px}.import-queue[hidden]{display:none}.queue-heading{display:block;font-weight:550;margin-bottom:6px;text-decoration:none}.import-queue strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.import-queue small{display:block;color:var(--sub);font-size:11px}.queue-waiting{margin-top:5px}.import-queue ol{margin:4px 0 0;padding-left:18px;color:var(--sub)}.import-queue li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-bottom{background:var(--paper)}
@media(max-width:640px){.side nav{padding-bottom:0}.import-queue{position:fixed;bottom:10px;right:10px;max-width:210px;margin:0;z-index:15;box-shadow:0 3px 16px #182c2a22}.import-queue ol{display:none}}

.import-queue{max-height:none}.queue-icons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.queue-icons img{width:100%;height:34px;object-fit:contain;background:#fff;border-radius:5px;padding:5px;box-sizing:border-box;animation:queue-icon-in .35s ease-out}.import-queue progress{display:block;width:100%;height:7px;margin:9px 0;accent-color:var(--green)}@keyframes queue-icon-in{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.queue-icons img{animation:none}}

[data-source-card]>.source-select{opacity:0;transition:opacity .15s ease}[data-source-card]:hover>.source-select,[data-source-card]:focus-within>.source-select,[data-source-card]>.source-select:has(input:checked){opacity:1}@media(hover:none){[data-source-card]>.source-select{opacity:1}}

.source-job{padding:12px 0;border-bottom:1px solid var(--line)}.import-timing{font-size:12px;margin-top:7px;max-width:640px}.import-timing summary{cursor:pointer;color:var(--sub)}.import-timing dl{margin:8px 0;font-variant-numeric:tabular-nums}.import-timing dl>div{display:flex;justify-content:space-between;gap:16px;padding:3px 0}.import-timing dt{overflow-wrap:anywhere}.import-timing dd{margin:0;white-space:nowrap}.import-timing small{display:block;color:var(--sub)}.source-list-timing{display:block;padding:10px 16px;color:var(--sub);font-variant-numeric:tabular-nums}

.copy-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)}.copy-tabs a{padding:8px 12px;border-radius:6px;text-decoration:none}.copy-tabs [aria-current],.copy-tabs [aria-pressed=true]{background:var(--green);color:white}.markdown-tools{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1}.markdown-preview{grid-column:1/-1;min-height:280px;overflow-wrap:anywhere;padding:16px;border:1px solid var(--line);border-radius:6px}.markdown-preview img{max-width:100%}.markdown-preview pre{overflow:auto}.fields>[hidden],.markdown-tools[hidden]{display:none!important}.field small{font-size:11px;color:var(--sub);overflow-wrap:anywhere}

/* Keep editing feedback in the native dialog's top layer. */
.dialog-head { gap: 10px; }
.dialog-head > div:first-child { min-width: 0; }
#editor-title { overflow-wrap: anywhere; outline: none; }
.editor-notice { margin-left: auto; color: var(--green); font-size: 12px; font-weight:550; }
.editor-notice:empty, #field-count:empty { display: none; }
#field-count { display: block; margin: 4px 0; color: var(--sub); font-size: 12px; }
#entryform [hidden] { display: none; }
#entryform > .form-foot {
 position: sticky; bottom: 0; z-index: 1;
 padding: 8px 0; background: #fff;
}
#editor { scroll-padding-block: 65px 58px; }
#editor :is(input, select, textarea) { scroll-margin-block: 65px 58px; }
.reset-filters { padding: 5px 2px; white-space: nowrap; font-size: 13px; }
.diff > div { min-width: 0; }
.diff-value, .draft-inspect {
 display: block; margin: 0; max-height: 13rem; overflow: auto;
 white-space: pre-wrap; overflow-wrap: anywhere; font: inherit;
}
.source-name { text-align: left; align-self: flex-start; }
.asset-preview-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(88px,1fr)); gap: 8px; }
.asset-preview-grid figure { margin: 0; min-width: 0; }
.asset-preview-grid img { display: block; width: 100%; height: 72px; padding: 8px; background: #f5f7f3; border-radius: 6px; }
.asset-preview-grid figcaption { margin-top: 3px; overflow-wrap: anywhere; font-size: 12px; }
.pulse.is-stale .live-signal { animation: none; background: #a7ada7; }
.pulse.is-stale .live-signal::after { animation: none; }
.side { overflow-y: auto; }
@media (max-width: 640px) {
 .side { position: relative; overflow: visible; }
 .side nav { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2px; overflow: visible; }
 .side nav a { justify-content: center; gap: 4px; min-height: 34px; padding: 4px 1px; font-size: 12px; }
 .rail-bottom { display: contents; }
 .rail-bottom .account { position: absolute; top: 5px; right: 10px; }
 .side .import-queue {
  display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center;
  position: static; max-width: none; margin: 5px 0 0; padding: 5px 8px;
  gap: 2px 8px; box-shadow: none;
 }
 .side .import-queue[hidden] { display: none; }
 .import-queue .queue-heading { grid-column: 1; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
 .import-queue .queue-icons { display: none; }
 .side .import-queue progress { grid-column: 1; margin: 0; height: 5px; }
 .side .import-queue small { grid-column: 2; grid-row: 1; }
 .side .import-queue small + small { grid-row: 2; }
 .top { justify-content: space-between; }
 .top > span { display: inline; }
 .cards .card { display: flex; gap: 6px; align-items: center; padding: 9px; }
 .cards .card .glyph, .cards .card h3 { margin: 0; }
 .cards .card p { display: none; }
 .cards .card h3 { font-size: 14px; }
 .dialog-head { flex-wrap: wrap; }
 .dialog-head .editor-notice:not(:empty) { order: 3; width: 100%; margin: 0; }
 .dialog-head button { margin-left: auto; }
}
@media (max-width: 420px) {
 .pager { flex-wrap: wrap; row-gap: 4px; }
 .side nav .glyph { display: none; }
}

body:has(#editor[open]) > #notice { display: none; }

.queue-flight{z-index:9999;pointer-events:none;overflow:hidden;background:#fff;box-shadow:0 12px 35px #193e3326;contain:layout paint}.queue-list{padding:12px}.queue-entry{display:flex;align-items:center;gap:14px;padding:16px 10px;border-bottom:1px solid var(--line)}.queue-entry:last-child{border:0}.queue-entry>div{flex:1;min-width:0}.queue-entry h2{font-size:17px;line-height:1.3;margin-bottom:4px}.queue-entry small{color:var(--sub)}.queue-position{display:grid;place-items:center;min-width:38px;height:38px;border-radius:9px;background:var(--mint);font-weight:550;color:var(--green)}@media(max-width:640px){.queue-entry{padding:12px 0;gap:8px}.queue-entry h2{font-size:15px}.queue-position{min-width:30px;height:30px}}
.queue-samples{display:grid;grid-template-columns:repeat(2,32px);gap:4px;flex:none;min-width:68px;min-height:68px}.queue-samples img{width:32px;height:32px;object-fit:contain;background:var(--paper);border-radius:5px;padding:3px}.queue-history{padding:16px;border-top:1px solid var(--line)}.queue-history>summary{cursor:pointer;font-weight:550}.source-sync{display:block;padding:8px 14px;color:var(--sub);font-size:12px}@media(max-width:640px){.queue-samples{grid-template-columns:repeat(2,24px);min-width:52px;min-height:52px}.queue-samples img{width:24px;height:24px}}

.source-pager{justify-content:flex-start;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line)}
.source-pager [data-source-page-range]{margin-right:auto;color:var(--sub);font-size:13px}
.source-page-picker{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--sub)}
.source-pager button:disabled{cursor:default}
@media(max-width:600px){.source-pager [data-source-page-range]{order:-1;flex-basis:100%}.source-page-picker{flex-wrap:wrap}}
.queue-entry>.queue-samples{flex:none}.queue-entry .import-timing{font-size:12px}.queue-entry small{overflow-wrap:anywhere}

.side nav .nav-count{margin-left:auto;min-width:24px;padding:1px 6px;border-radius:6px;background:#d6e6d2;color:var(--green);font-size:11px;line-height:20px;font-weight:550;text-align:center;font-variant-numeric:tabular-nums}.queue-list{padding:4px 12px}.queue-entry{gap:10px;padding:9px 2px;align-items:center;min-height:58px}.queue-entry h2{font-size:14px;letter-spacing:-.015em;margin:0 0 3px;line-height:1.25}.queue-entry small{font-size:11px;line-height:1.3}.queue-position{min-width:28px;height:28px;font-size:10px;border-radius:6px}.queue-entry>.queue-samples{display:flex;gap:3px;min-width:0;min-height:0;width:101px;flex:none}.queue-samples img{width:23px;height:23px;padding:2px;border-radius:4px}.queue-entry>button.compact{min-height:28px;padding:3px 8px;font-size:11px}.queue-more{margin-top:3px;font-size:11px;color:var(--sub)}.queue-more>summary{cursor:pointer;width:fit-content}.queue-more[open]{padding-top:3px}.queue-more>.import-timing{margin-top:5px}.queue-history{padding:11px 14px;font-size:12px}@media(max-width:640px){.queue-list{padding:3px 10px}.queue-entry{gap:7px}.queue-entry>.queue-samples{width:44px;display:grid;grid-template-columns:repeat(2,20px);gap:3px}.queue-samples img{width:20px;height:20px;padding:2px}.queue-entry h2{font-size:13px}.queue-position{min-width:24px;height:24px}.side nav .nav-count{min-width:18px;padding:0 4px;font-size:10px;line-height:18px}}
.queue-entry .queue-more:not([open]){display:inline-block;margin:0 0 0 9px;vertical-align:baseline}.queue-entry .queue-more>summary{font-size:10px}.queue-entry .queue-more[open]{display:block;margin-top:5px}

#main :is(.sectiontitle, .approval-head, .inside) > h2 { font-size: 16px; line-height: 1.35; font-weight: 550; letter-spacing: -.015em; color: var(--sub); }

.queue-meter{display:block;width:min(100%,320px);height:6px;margin:4px 0;accent-color:var(--green)}.queue-meter[hidden],.queue-update-status:empty,.queue-detail-slot:empty{display:none}.queue-update-status{display:block;padding:6px 14px;color:var(--sub)}

.source-count{display:flex;align-items:center;gap:8px}.source-count button{min-height:26px;padding:2px 6px;font-size:12px}

 .queue-meta{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.queue-entry{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto}
.queue-entry>.queue-detail-slot,.queue-entry .queue-more{display:contents}
.queue-entry .queue-more>summary{grid-column:4;grid-row:1;display:list-item;min-height:28px;padding:3px 8px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);font-size:11px;font-weight:550;cursor:pointer}
.queue-entry>button.compact{grid-column:5;grid-row:1}
.queue-entry .queue-more>div{grid-column:3/-1;min-width:0;padding-top:5px}
.queue-entry .queue-more:not([open])>div{display:none}
@media(max-width:640px){.queue-entry{grid-template-columns:auto auto minmax(0,1fr) auto;gap:7px}.queue-entry .queue-more>summary{grid-column:3;grid-row:2;justify-self:end}.queue-entry>button.compact{grid-column:4;grid-row:2}.queue-entry .queue-more>div{grid-column:1/-1}}

.queue-screen-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.queue-screen-controls small{color:var(--sub)}.queue-control{white-space:nowrap;gap:7px}.queue-control svg{flex:none}

/* Let artwork lead. The title remains a keyboard-accessible preview link. */
#source-results .source-name{color:var(--ink);font-family:inherit;line-height:1.35}
#source-results .source-name strong{font-size:14px;font-weight:550;letter-spacing:normal}
#source-results .source-name:hover,#source-results .source-name:focus-visible{color:var(--green);text-decoration:underline;text-underline-offset:3px}

.queue-update-status.queue-refresh-notice{display:flex;align-items:center;gap:10px;margin:12px 14px;padding:10px 12px;border:1px solid #d7e5d2;border-radius:9px;background:#f0f6eb;color:var(--green)}.queue-refresh-notice>svg{flex:none}.queue-refresh-notice>span{display:grid;gap:2px}.queue-refresh-notice strong{font-size:12px;font-weight:550}.queue-refresh-notice>span>span{color:var(--sub);font-size:12px}

.queue-published-notice{min-width:0}.queue-published-notice.queue-refresh-notice{display:flex;align-items:center;gap:9px;color:var(--green)}.queue-published-notice:empty{margin-right:auto}.queue-screen-controls>.queue-control{margin-left:auto;flex:none}

.pending-preview .ghost-icon{width:100%;height:auto;aspect-ratio:1;border-radius:6px}

.import-queue-controls{margin-bottom:8px}.import-queue-controls[hidden]{display:none}

/* Search performance workspace */
.surface:has(>.seo-dashboard){background:transparent;border:0;overflow:visible}.seo-dashboard{--seo-muted:#63766d;display:grid;gap:22px;min-width:0}.seo-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:4px 0}.seo-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:550;color:var(--seo-muted)}.seo-eyebrow>span{padding:0 7px;color:#a8b8aa}.seo-heading h2{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:9px 0 7px;font-weight:550}.seo-heading p,.seo-panel-heading p{margin:0;color:var(--seo-muted);font-size:13px}.seo-periods{display:flex;gap:3px;padding:4px;background:#e9efe6;border:1px solid #dce5d8;border-radius:10px;flex-shrink:0}.seo-periods a{padding:7px 10px;font-size:12px;border-radius:6px;text-decoration:none;color:#52665c;white-space:nowrap}.seo-periods a[aria-current]{background:white;color:#174d3b;box-shadow:0 1px 4px #173b2420;font-weight:550}.seo-datebar{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--seo-muted);padding-bottom:3px;flex-wrap:wrap}.seo-datebar>span{display:flex;align-items:center;gap:7px}.seo-status-dot{height:6px;width:6px;background:#46906c;border-radius:50%}.seo-datebar>strong{color:#354f42;font-weight:550}.seo-datebar>small{margin-left:auto;font-size:11px}.seo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.seo-metric.measure{background:#fff;border:1px solid #dce5df;border-radius:12px;padding:20px;box-shadow:0 2px 3px #18382603;min-width:0}.seo-metric-label{display:flex;justify-content:space-between;align-items:center;color:#63746c;font-size:12px;font-weight:550;gap:8px}.seo-metric-label>span{color:#92a497;font-size:17px;font-weight:400}.seo-metric.measure>strong{display:block;font-size:31px;font-weight:550;letter-spacing:-1px;color:#1d392e;margin:14px 0 16px;font-variant-numeric:tabular-nums}.seo-metric>div:last-child{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.seo-delta{padding:3px 5px;font-size:10px;line-height:1.4;font-weight:550;border-radius:4px;white-space:nowrap}.seo-delta.positive{background:#eaf5ed;color:#246541}.seo-delta.negative{background:#fff0e9;color:#9a5135}.seo-delta.neutral{background:#eef1ed;color:#617164}.seo-metric small{font-size:10px;color:#58695e}.seo-analysis-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(270px,1fr);gap:18px}.seo-panel{background:#fff;border:1px solid #dce5df;border-radius:12px;overflow:hidden;min-width:0}.seo-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 22px 16px}.seo-panel-heading h3{font-size:16px;font-weight:550;letter-spacing:-.3px;margin:0 0 5px;color:#213f31}.seo-panel-heading .seo-eyebrow{display:block;margin-bottom:7px;font-size:9px}.seo-legend{font-size:10px;color:#65756d;white-space:nowrap;display:flex;align-items:center;gap:6px}.seo-legend i{width:7px;height:7px;border-radius:50%;background:#17644d}.seo-chart{display:block;width:100%;height:auto;min-height:180px;padding:5px 18px 17px}.seo-chart text{font:10px system-ui;fill:#596d60}.seo-count,.seo-badge{font-size:10px;padding:4px 7px;border-radius:5px;background:#edf3e9;color:#4b6c4f;font-weight:550;white-space:nowrap}.seo-opportunity{display:flex;align-items:center;gap:10px;margin:0 20px;padding:12px 0;border-top:1px solid #edf1eb;min-width:0}.seo-opportunity-index{color:#94a092;font-size:10px;font-variant-numeric:tabular-nums}.seo-opportunity>div{min-width:0;flex:1}.seo-opportunity strong{display:block;font-size:12px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seo-opportunity p{margin:5px 0 0;font-size:10px;color:#55685a}.seo-opportunity p span{margin:0 3px}.seo-position{font-size:11px;color:#566b51;background:#f0f5e9;border:1px solid #e3ebd9;border-radius:5px;padding:4px 6px}.seo-opportunity-note{font-size:10px;line-height:1.6;color:#768477;margin:10px 20px 17px}.seo-rankings .seo-panel-heading{padding-bottom:20px}.seo-tabs{display:flex;flex-wrap:wrap;align-items:center}.seo-tabs>input{position:absolute;opacity:0;width:1px;height:1px}.seo-tabs>label{padding:11px 0;margin:0 0 0 22px;font-size:12px;color:#56685a;border-bottom:2px solid transparent;cursor:pointer;display:flex;gap:7px;align-items:center}.seo-tabs>label>span{font-size:9px;background:#eff3ed;border-radius:4px;padding:2px 5px}.seo-tabs>input:checked+label{color:#155b43;border-bottom-color:#155b43;font-weight:550}.seo-tabs>input:focus-visible+label{outline:2px solid #17644d;outline-offset:3px}.seo-query-results,.seo-page-results{display:none;flex-basis:100%;min-width:0;border-top:1px solid #e3eae3}.seo-tabs:has(#seo-queries:checked) .seo-query-results,.seo-tabs:has(#seo-pages:checked) .seo-page-results{display:block}.seo-table-scroll{width:100%;overflow-x:auto}.seo-table{width:100%;table-layout:fixed;font-variant-numeric:tabular-nums}.seo-table th:first-child,.seo-table td:first-child{width:48%;text-align:left}.seo-table th{background:#f8faf6;text-transform:none;letter-spacing:normal;font-size:10px;font-weight:550;color:#576958;padding:12px 22px;white-space:nowrap}.seo-table td{padding:13px 22px;border-bottom:1px solid #edf1eb;font-size:12px;color:#526658;vertical-align:middle;text-align:right;overflow-wrap:normal}.seo-table th:not(:first-child){text-align:right}.seo-table tr:last-child td{border-bottom:0}.seo-table tr:hover td{background:#fafcf8}.seo-table .seo-row-name{font-weight:450;color:#284434;overflow-wrap:anywhere;line-height:1.5}.seo-row-name a{color:inherit;text-decoration:none}.seo-row-name a:hover{text-decoration:underline}.seo-row-name a>span{color:#98a591}.seo-row-name small{display:block;font-size:10px;color:#8a9789}.seo-table td b{font-weight:550}.seo-table meter{display:block;width:42px;height:3px;margin:5px 0 0 auto;appearance:none;background:#e8efe5;border:0}.seo-table meter::-webkit-meter-bar{background:#e8efe5;border:0;height:3px}.seo-table meter::-webkit-meter-optimum-value{background:#8cae85}.seo-rank{display:inline-block;min-width:34px;padding:3px 5px;border-radius:5px;font-size:11px;background:#f3f5f0;color:#6a7966}.seo-rank.seo-rank-top{background:#e6f2e7;color:#347041}.seo-rank.seo-rank-first{background:#f0f3e5;color:#65713e}.seo-daily>summary{padding:17px 22px;cursor:pointer;font-weight:550;font-size:12px;color:#415a49}.seo-daily>summary span{float:right;color:#586957;font-size:10px;font-weight:400}.seo-footer{display:flex;justify-content:space-between;gap:20px;padding:0 2px 10px;color:#7b887b;font-size:10px}.seo-footer strong{font-size:11px;font-weight:550;color:#50634f}.seo-footer p{line-height:1.7;margin:7px 0}.seo-footer small{font-size:10px}.seo-footer>div:last-child{display:flex;align-items:flex-start;gap:7px}.seo-footer button{padding:5px 9px;min-height:28px;font-size:10px;border-color:#dce4d8;background:transparent;color:#4e6549}.seo-empty{padding:32px 22px;color:#596c5b;font-size:12px;text-align:center}.seo-connect{background:white;border:1px solid #dce5df;border-radius:14px;padding:65px 25px;text-align:center}.seo-connect-icon{display:grid;place-items:center;width:55px;height:55px;background:#edf4e7;border-radius:14px;margin:0 auto 22px;font-size:27px;color:#32634a}.seo-connect h3{font-size:24px;font-weight:550;letter-spacing:-.7px}.seo-connect p{max-width:450px;margin:15px auto 25px;line-height:1.8;color:#70806f;font-size:13px}.seo-connect small{display:block;margin-top:18px;font-size:10px;color:#899583}
@media(min-width:1400px){.seo-chart{min-height:220px}}@media(max-width:1100px){.seo-heading{align-items:flex-start;flex-direction:column;gap:15px}.seo-metrics{gap:10px}.seo-metric.measure{padding:16px}.seo-metric.measure>strong{font-size:27px}.seo-analysis-grid{grid-template-columns:minmax(0,1fr)}.seo-opportunities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.seo-opportunities>.seo-panel-heading,.seo-opportunities>.seo-opportunity-note,.seo-opportunities>.seo-empty{grid-column:1/-1}.seo-opportunity{margin:0 15px;align-items:flex-start}.seo-position{display:none}.seo-table th,.seo-table td{padding-left:16px;padding-right:16px}}@media(max-width:640px){.seo-dashboard{gap:16px}.seo-heading h2{font-size:27px}.seo-heading p{font-size:12px}.seo-heading{gap:17px}.seo-periods{width:100%;justify-content:space-between}.seo-periods a{padding:7px 9px;font-size:11px}.seo-periods a span{display:none}.seo-datebar{gap:7px 14px;font-size:10px}.seo-datebar>small{margin-left:0;width:100%;font-size:10px}.seo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.seo-metric.measure{padding:14px}.seo-metric-label{font-size:10px;gap:3px}.seo-metric-label>span{font-size:14px}.seo-metric.measure>strong{font-size:25px;margin:12px 0}.seo-metric>div:last-child{gap:5px}.seo-metric small{font-size:9px}.seo-delta{font-size:9px}.seo-panel-heading{padding:18px 16px 12px}.seo-panel-heading h3{font-size:15px}.seo-panel-heading p{font-size:11px}.seo-chart{padding:5px 5px 12px;min-height:150px}.seo-legend{font-size:9px}.seo-opportunities{display:block}.seo-opportunity{margin:0 16px;align-items:center}.seo-position{display:block}.seo-opportunity-note{margin:10px 16px 16px}.seo-table{min-width:580px}.seo-table th:first-child,.seo-table td:first-child{width:42%}.seo-footer{flex-direction:column;gap:10px}.seo-daily>summary{padding:16px;font-size:11px}.seo-tabs>label{margin-left:16px;font-size:11px}.seo-connect{padding:40px 20px}.seo-connect h3{font-size:22px}}

/* Compact SEO density, preserving the dashboard hierarchy. */
.seo-dashboard{gap:13px}.seo-heading{gap:16px;padding:0}.seo-heading h2{font-size:25px;margin:5px 0;letter-spacing:-.7px}.seo-heading p{font-size:11px}.seo-eyebrow{font-size:9px}.seo-periods{padding:3px}.seo-periods a{padding:5px 8px;font-size:11px}.seo-datebar{gap:12px;font-size:10px;padding:0}.seo-datebar>small{font-size:10px}.seo-metrics{gap:10px}.seo-metric.measure{padding:13px 15px;border-radius:9px}.seo-metric-label{font-size:11px}.seo-metric-label>span{font-size:14px}.seo-metric.measure>strong{font-size:26px;margin:8px 0 10px;letter-spacing:-.7px}.seo-metric small{font-size:9px}.seo-delta{font-size:9px;padding:2px 4px}.seo-analysis-grid{gap:12px;grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr)}.seo-panel{border-radius:9px}.seo-panel-heading{padding:14px 16px 10px;gap:12px}.seo-panel-heading h3{font-size:14px;margin-bottom:3px}.seo-panel-heading p{font-size:11px}.seo-panel-heading .seo-eyebrow{font-size:8px;margin-bottom:4px}.seo-chart{min-height:0;height:172px;padding:0 12px 10px}.seo-legend{font-size:9px}.seo-opportunity{margin:0 15px;padding:8px 0;gap:8px}.seo-opportunity strong{font-size:11px}.seo-opportunity p{font-size:9px;margin-top:3px}.seo-position{font-size:10px;padding:3px 5px}.seo-opportunity-note{font-size:9px;line-height:1.5;margin:6px 15px 11px}.seo-rankings .seo-panel-heading{padding-bottom:10px}.seo-tabs>label{font-size:11px;padding:8px 0;margin-left:16px}.seo-table th{font-size:9px;padding:8px 16px}.seo-table td{font-size:11px;padding:8px 16px}.seo-row-name small{font-size:9px}.seo-table meter{margin-top:3px;height:2px}.seo-table meter::-webkit-meter-bar{height:2px}.seo-rank{font-size:10px;padding:2px 4px;min-width:30px}.seo-daily>summary{padding:12px 16px;font-size:11px}.seo-footer{padding-bottom:4px;gap:12px}.seo-footer p{margin:4px 0;line-height:1.5}.seo-footer strong{font-size:10px}.seo-footer small{font-size:9px}.seo-empty{padding:20px 16px;font-size:11px}
@media(max-width:1100px){.seo-heading{gap:10px}.seo-analysis-grid{grid-template-columns:minmax(0,1fr)}.seo-opportunity{margin:0 12px}.seo-chart{height:175px}.seo-opportunities>.seo-panel-heading{padding-bottom:8px}.seo-opportunity-note{margin:7px 12px 10px}}
@media(max-width:640px){.seo-dashboard{gap:11px}.seo-heading{gap:11px}.seo-heading h2{font-size:23px;margin:4px 0}.seo-heading p{font-size:10px}.seo-heading .seo-eyebrow{font-size:8px}.seo-periods a{font-size:10px;padding:5px 8px}.seo-datebar{gap:5px 10px;font-size:9px}.seo-datebar>small{font-size:9px}.seo-metrics{gap:7px}.seo-metric.measure{padding:10px 12px}.seo-metric-label{font-size:9px}.seo-metric-label>span{font-size:12px}.seo-metric.measure>strong{font-size:23px;margin:7px 0 8px}.seo-metric small{font-size:8px}.seo-delta{font-size:8px}.seo-panel-heading{padding:12px 13px 8px}.seo-panel-heading h3{font-size:13px}.seo-panel-heading p{font-size:10px}.seo-chart{height:135px;padding:0 5px 8px}.seo-opportunity{margin:0 13px;padding:7px 0}.seo-opportunity-note{margin:5px 13px 10px}.seo-tabs>label{font-size:10px;padding:7px 0;margin-left:13px}.seo-table th,.seo-table td{padding:7px 13px}.seo-footer{gap:8px}.seo-daily>summary{padding:11px 13px}}

/* Keep navigation and async regions from moving their neighbours. */
html{scrollbar-gutter:stable}
main#main{min-height:calc(100dvh - 65px)}
#website-results>.skeleton{grid-column:1/-1;width:100%}
#website-results>.skeleton>div>.inside{padding:0}
.approval-list{height:165px;overflow:auto;scrollbar-gutter:stable}
.approval-list .skeleton .inside{padding:0 14px}
.source-sync{min-height:34px}
.queue-screen-controls{min-height:63px}
.seo-heading{justify-content:flex-end}
@media(max-width:640px){.seo-heading{align-items:stretch}}


/* Use the Sourcing card typography throughout Content Studio. */
body{font-weight:400}
b,strong{font-weight:550}
h1,h2,h3{font-weight:550;letter-spacing:normal;line-height:1.35}
.tile strong,.card h3{font-size:14px;font-weight:550;letter-spacing:normal;line-height:1.35}
.tile small{font-size:12px;font-weight:400;line-height:1.45}
button,.btn,.google{font-weight:550}
.account strong,.queue-heading{font-weight:550;letter-spacing:normal}
.seo-heading h2,.seo-panel-heading h3,.seo-connect h3,.seo-metric.measure>strong,.stat b{letter-spacing:normal;font-weight:550}

/* Overview and Analytics share SEO's compact, individual-panel layout. */
#main[data-workspace="overview"] .stats{margin:0 0 13px;gap:10px}
#main[data-workspace="overview"] .stat{padding:13px 15px}
#main[data-workspace="overview"] .stat span{font-size:11px}
#main[data-workspace="overview"] .stat b{font-size:26px;font-weight:600;margin:8px 0 0;font-variant-numeric:tabular-nums}
#main[data-workspace="overview"] .sectiontitle{margin:13px 0 9px;font-size:11px}
#main[data-workspace="overview"] .sectiontitle h2{font-size:14px;font-weight:550;color:var(--ink)}
#main[data-workspace="overview"] .cards{gap:10px;margin:0}
#main[data-workspace="overview"] .card{padding:13px 15px}
#main[data-workspace="overview"] .card h3{font-size:14px;font-weight:550}
#main[data-workspace="overview"] .card p{font-size:11px;line-height:1.5}
#main[data-workspace="stats"] #list{background:transparent;border:0}
#main[data-workspace="stats"] .snapshot{gap:10px;margin-bottom:13px}
#main[data-workspace="stats"] .pulse{padding:13px 15px;border-radius:9px;min-height:126px}
#main[data-workspace="stats"] .pulse h2{font-size:11px;font-weight:550;color:var(--sub);margin-bottom:8px}
#main[data-workspace="stats"] .live-card{background:#163f34;color:#f3fff8;border-color:#163f34}
#main[data-workspace="stats"] .live-card small,#main[data-workspace="stats"] .live-card h2{color:#daeee1}
#main[data-workspace="stats"] .pulse-value{font-size:26px;font-weight:600}
#main[data-workspace="stats"] .pulse small{font-size:10px}
#main[data-workspace="stats"] .reportbar{padding:0;border:0;margin-bottom:13px;justify-content:flex-end;font-size:10px}
#main[data-workspace="stats"] .reportbar>a{order:-1;margin-right:auto}
#main[data-workspace="stats"] .periods{background:#e9efe6;border:1px solid #dce5d8;padding:3px;border-radius:10px;gap:3px}
#main[data-workspace="stats"] .periods a{font-size:11px;padding:5px 8px;color:#52665c}
#main[data-workspace="stats"] .periods a[aria-current]{background:white;color:#174d3b;box-shadow:0 1px 4px #173b2420;font-weight:550}
#main[data-workspace="stats"] .report{padding:0;display:grid;gap:13px}
#main[data-workspace="stats"] .report-range{font-size:10px;margin:0}
#main[data-workspace="stats"] .measure-grid{border:0;overflow:visible;gap:10px}
#main[data-workspace="stats"] .measure{border:1px solid var(--line);border-radius:9px;background:white;padding:13px 15px;min-width:0}
#main[data-workspace="stats"] .measure>small{font-size:11px;color:var(--sub)}
#main[data-workspace="stats"] .measure strong{font-size:26px;font-weight:600;margin:8px 0 10px;font-variant-numeric:tabular-nums}
#main[data-workspace="stats"] .stat-comparison{font-size:10px}
#main[data-workspace="stats"] :is(.trend,.ranking){background:white;border:1px solid var(--line);border-radius:9px;padding:14px 16px;margin:0;min-width:0}
#main[data-workspace="stats"] :is(.trend,.ranking) h3{font-size:14px;font-weight:550;margin:0 0 10px}
#main[data-workspace="stats"] .trendline{height:150px}
#main[data-workspace="stats"] :is(.trend-key,.axis,.trend details){font-size:10px}
#main[data-workspace="stats"] .ranking :is(th,td){font-size:11px;padding:8px}
#main[data-workspace="stats"] .report footer{margin:0;font-size:10px}
@media(max-width:640px){
 #main[data-workspace="stats"] .pulse{padding:10px 12px;min-height:120px}
 #main[data-workspace="stats"] .periods{width:100%;justify-content:space-between}
 #main[data-workspace="stats"] .periods a{font-size:10px;padding:5px}
 #main[data-workspace="stats"] .measure-grid{gap:7px}
 #main[data-workspace="stats"] .measure{padding:10px 12px}
 #main[data-workspace="stats"] .measure strong{font-size:23px}
 #main[data-workspace="overview"] .stat{padding:10px}
 #main[data-workspace="overview"] .stat b{font-size:23px}
 #main[data-workspace="overview"] .stat span{font-size:10px}
}

/* Extend the footer surface through the sidebar's outer padding. */
@media(min-width:641px){
 .side{--rail-padding-x:12px;--rail-padding-bottom:20px}
 .rail-bottom{margin-inline:calc(-1 * var(--rail-padding-x));margin-bottom:calc(-1 * var(--rail-padding-bottom));padding:16px var(--rail-padding-x) var(--rail-padding-bottom)}
}
@media(min-width:641px) and (max-width:850px){
 .side{--rail-padding-x:8px;--rail-padding-bottom:16px}
}

/* A quiet readout: one primary number, supporting values, details on demand. */
#main[data-workspace="stats"] .snapshot{gap:0;background:white;border:1px solid var(--line);border-radius:13px;overflow:visible;padding:5px;grid-template-columns:1fr 1.2fr 1.2fr 1.1fr}
#main[data-workspace="stats"] .pulse{position:relative;border:0;border-radius:0;padding:14px 20px;min-height:132px;background:transparent}
#main[data-workspace="stats"] .pulse+.pulse:not([data-cell="day"]){border-left:1px solid #e8ede6}
#main[data-workspace="stats"] .pulse h2{font-size:11px;margin:0 0 12px;font-weight:500}
#main[data-workspace="stats"] .live-card{background:#163f34;color:#f3fff8;border-radius:9px}
#main[data-workspace="stats"] .live-card h2{color:#c9dfce}
#main[data-workspace="stats"] .pulse-total{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#main[data-workspace="stats"] .pulse-value{font-size:32px;line-height:1;font-weight:550;letter-spacing:-1.2px}
#main[data-workspace="stats"] .pulse-unit{font-size:10px;color:var(--sub)}
#main[data-workspace="stats"] .pulse-breakdown{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#52685a;font-size:10px}
#main[data-workspace="stats"] .pulse-breakdown span{font-size:10px}
#main[data-workspace="stats"] .pulse-breakdown b{font-weight:500;color:#3c5547}
#main[data-workspace="stats"] .live-caption{margin-top:12px;font-size:10px;color:#c9dfce}
#main[data-workspace="stats"] .live-signal{width:6px;height:6px;margin:0;background:#c3ec8e}
.pulse-info{position:absolute;right:12px;top:11px;z-index:3;color:var(--sub);font-size:11px}
.pulse-info>summary{list-style:none;cursor:pointer;opacity:.55;padding:2px 4px}
.pulse-info>summary::-webkit-details-marker{display:none}
.pulse-info>summary:hover,.pulse-info[open]>summary{opacity:1}
.pulse-info>div{position:absolute;right:0;top:25px;min-width:195px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #173b2418;color:var(--ink)}
#main[data-workspace="stats"] .live-card .pulse-info>summary{color:#daeee1}
#main[data-workspace="stats"] .live-card .pulse-info small{color:var(--sub)}
#main[data-workspace="stats"] .health-metrics{gap:12px;margin:0}
#main[data-workspace="stats"] .health-heading{display:flex;align-items:baseline;gap:5px}
#main[data-workspace="stats"] .health-heading>span{font-size:10px;font-weight:400;order:2}
#main[data-workspace="stats"] .health-heading strong{font-size:24px;letter-spacing:-.8px;font-weight:500}
#main[data-workspace="stats"] .health-unit{font-size:11px}
#main[data-workspace="stats"] .health-metric meter{height:4px;margin-top:12px}
@media(max-width:1100px){#main[data-workspace="stats"] .snapshot{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}#main[data-workspace="stats"] .pulse{padding:14px 16px}#main[data-workspace="stats"] .pulse+.pulse:not([data-cell="day"]){border-left:0}}
@media(max-width:640px){#main[data-workspace="stats"] .pulse{padding:12px;min-height:132px}#main[data-workspace="stats"] .pulse-value{font-size:27px}#main[data-workspace="stats"] .pulse-unit{flex-basis:100%}#main[data-workspace="stats"] .pulse-breakdown{gap:4px 9px;margin-top:9px}#main[data-workspace="stats"] .health-metrics{gap:8px}#main[data-workspace="stats"] .health-heading{flex-direction:column;gap:2px}#main[data-workspace="stats"] .health-heading strong{font-size:22px}.pulse-info>div{min-width:160px}}

#main[data-workspace="stats"] .stats-chart{height:172px;min-height:0;padding:0 0 10px}
#main[data-workspace="stats"] .trend-key span::before{border-color:#17644d}
#main[data-workspace="stats"] .trend-key span+span::before{border-color:#98a89d}
@media(max-width:640px){#main[data-workspace="stats"] .stats-chart{height:135px}}

#main[data-workspace="stats"] .stat-comparison{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#main[data-workspace="stats"] .stat-comparison>span{font-size:10px}
#main[data-workspace="stats"] .stat-comparison .seo-delta.positive{color:#246541}
#main[data-workspace="stats"] .stat-comparison .seo-delta.negative{color:#9a5135}
#main[data-workspace="stats"] .stat-comparison .seo-delta.neutral{color:#617164}

.settings-panel{padding:22px;max-width:800px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-row h2{font-size:17px;font-weight:550;margin-bottom:6px}.settings-row p,.settings-help{font-size:12px;color:var(--sub)}.settings-help{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.ads-toggle{border:0;background:transparent;gap:9px;flex:none;font-size:12px}.toggle-track{display:block;width:38px;height:22px;border-radius:20px;background:#c4cec6;padding:3px}.toggle-track i{display:block;width:16px;height:16px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.ads-toggle[aria-checked=true] .toggle-track{background:var(--green)}.ads-toggle[aria-checked=true] .toggle-track i{transform:translateX(16px)}#settings-receipt:not(:empty){margin-top:14px;font-size:12px;line-height:1.6}#settings-receipt a{display:inline-block}@media(max-width:640px){.settings-panel{padding:15px}.settings-row{gap:14px;align-items:flex-start}.settings-row p{font-size:11px}.ads-toggle{padding:3px;flex-direction:column;gap:5px}}

/* Background activity belongs in one quiet, stable status rail. */
.task-status{--status-color:#52735e;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;color:var(--status-color)}
.task-status::before{content:'';display:block;flex:none;width:13px;height:13px;border-radius:50%;box-sizing:border-box;background:var(--status-color);border:4px solid #e4eee3}
.task-status[data-state="working"]{--status-color:#32684f}
.task-status[data-state="working"]::before{background:transparent;border:2px solid #d6e4d6;border-top-color:#32684f;animation:task-orbit .9s linear infinite}
.task-status[data-state="error"]{--status-color:#9a5135}
.task-status[data-state="error"]::before{border-radius:4px;border:0;background:#9a5135;clip-path:polygon(50% 0,100% 100%,0 100%)}
.source-sync.task-status{min-height:40px;margin:0;padding:10px 16px;border-top:1px solid #e5ece3;background:#f8faf6;border-radius:0 0 9px 9px;letter-spacing:.005em}
.task-status[data-state="ready"]::before{animation:task-settle .25s ease-out}
#settings-receipt.task-status:not(:empty){padding:10px 12px;border:1px solid var(--line);background:#f8faf6;border-radius:8px;flex-wrap:wrap}
@keyframes task-orbit{to{transform:rotate(360deg)}}
@keyframes task-settle{from{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.task-status::before{animation:none!important}.task-status[data-state="working"]::before{border-color:#aac9ad;border-top-color:#32684f}}

.settings-group{padding:24px 0;border-bottom:1px solid var(--line)}.settings-group>p{font-size:13px;color:var(--sub);margin:8px 0 18px}.setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 22px}.setting-field{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.setting-field input{width:100%;min-width:0;box-sizing:border-box}.setting-check{display:flex;gap:9px;align-items:center;font-size:14px}.setting-check input{width:auto}.settings-group summary{cursor:pointer;margin:18px 0;font-weight:550}.settings-status:not(:empty){margin-top:14px}.settings-panel>.settings-help:first-child{margin:0;padding:0;border:0}@media(max-width:640px){.setting-grid{grid-template-columns:1fr}.settings-group{padding:20px 0}}

.setting-field textarea,.setting-field select{width:100%;min-width:0;box-sizing:border-box;font:inherit}.setting-field textarea{resize:vertical;padding:10px}.setting-field[hidden]{display:none}.setting-field small,.settings-copy-count{color:var(--sub);font-size:12px}#settings-copy-editor h3{margin-top:24px}

.import-standards{padding:9px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--sub)}.import-standards summary{cursor:pointer;color:var(--ink);width:fit-content}.import-standards ul{padding-inline-start:18px;margin:9px 0;max-width:76ch}.import-standards li+li{margin-top:4px}.standards-rejections p{margin:7px 0}

#nav a[hidden]{display:none}

.website-entry{align-content:start}.website-entry-edit{display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:left;padding:0;border:0;background:transparent;min-width:0;white-space:normal}.website-entry-edit .badge{align-self:flex-start}.website-entry-link{font-size:12px;margin-top:auto;padding-top:8px}
.website-entry-edit{width:100%}.website-entry-edit:hover,.website-entry-edit:active{background:transparent;border-color:transparent}.website-entry-edit .tag{align-self:flex-start;width:auto}.website-entry:focus-within{border-color:#86a095}.website-entry-edit:focus-visible{outline:2px solid var(--green);outline-offset:4px}

.trend-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:stretch}.trend-plot{min-width:0}.trend-summary{border-left:1px solid var(--line);padding:0 0 0 24px}.trend-summary h4{font-size:12px;color:var(--sub);margin:0 0 14px;font-weight:550}.trend-summary dl{display:grid;gap:12px;margin:0}.trend-summary dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.trend-summary dt{font-size:12px;color:var(--sub)}.trend-summary dd{margin:0;text-align:right;font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}.trend-summary dd small{display:block;font-size:10px;font-weight:400;color:var(--sub)}.trend-summary-change{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.trend-summary-change p{font-size:11px;color:var(--sub);margin:0;line-height:1.5}#main[data-workspace="stats"] .trend-plot .stats-chart{width:100%;height:auto;max-height:none;aspect-ratio:900/210}@media(max-width:900px){.trend-layout{grid-template-columns:minmax(0,1fr)}.trend-summary{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.trend-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.trend-summary dl>div{display:block}.trend-summary dd{text-align:left;margin-top:5px}.trend-summary-change{margin-top:12px}.trend-summary dt{font-size:11px}}

/* Review queues share the catalog typography and keep each action beside its record. */
.review-tabs{flex-wrap:wrap}
.review-body{padding:16px}
.review-body h2{font-size:18px;margin:0}
.review-body .note{margin:8px 0 12px}
.review-head,.work-row,.duplicate-sample,.work-actions,.review-pager{display:flex;align-items:center;gap:12px}
.review-head,.work-row{justify-content:space-between}
.review-head{margin:10px 0;flex-wrap:wrap}
.work-row{padding:12px 0;border-bottom:1px solid var(--line,#d8e1d9)}
.work-row strong,.work-row small,.compare-card strong,.compare-card small{display:block;overflow-wrap:anywhere}
.work-row small,.compare-card small,.work-row p,.compare-card p{font-size:13px}
.work-row p,.compare-card p{margin:4px 0;overflow-wrap:anywhere}
.work-note{white-space:pre-wrap;overflow-wrap:anywhere}
.work-actions,.review-pager{flex-wrap:wrap}
.review-pager{margin-top:12px}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px}
.compare-card{border:1px solid var(--line,#d8e1d9);border-radius:8px;padding:14px}
.compare-card img,.duplicate-sample img{object-fit:contain}
.compare-card button{margin-top:10px}
@media(max-width:540px){.work-row{align-items:flex-start;flex-direction:column}.review-body{padding:12px}.review-tabs a{min-height:36px}}
.save-view{padding:0 14px 12px}
.save-view summary{width:fit-content;cursor:pointer;font-size:13px}
.save-view form{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:10px}
.save-view label{display:grid;gap:4px;max-width:100%;font-size:13px}
.save-view input{max-width:100%}
.work-row:focus{outline:2px solid var(--green);outline-offset:2px}

#workspace-menu{display:none}
.source-history-link{text-align:right;padding:8px 14px 0;font-size:13px}
@media(max-width:640px){
 #workspace-menu{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:4px;right:52px;min-height:34px;gap:6px}
 #workspace-menu::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg)}
 #workspace-menu[aria-expanded="true"]::after{transform:translateY(2px) rotate(225deg)}
 #workspace-menu[aria-expanded="false"]~#nav{display:none}
 .side .brand{min-height:28px}
}

@media(max-width:640px){
 .icon-records tr{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:0 6px;padding:9px 12px;border-bottom:1px solid var(--line)}
 .icon-records thead tr{background:#f4f7f0}
 .icon-records td,.icon-records th{padding:0;border:none}
 .icon-records .catalog-title{grid-column:2;grid-row:1;min-width:0}
 .icon-records .catalog-id{grid-column:3;grid-row:1;white-space:nowrap;text-align:right}
 .icon-records .catalog-pick{grid-column:1;grid-row:1;text-align:center}
 .icon-records th.catalog-credit{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
 .icon-records td.catalog-credit{grid-column:2/-1;grid-row:2;margin:4px 0 0 40px;font-size:12px;color:var(--sub)}
 .icon-records .record-title{gap:6px}
 .icon-records .record-title>div{min-width:0}
 .icon-records .tag{display:inline-block;margin:1px 3px 1px 0}
}
.comparison-preview img{margin-top:12px;width:100%;height:120px;object-fit:contain}
.duplicate-search{padding-inline:0}
.pending-preview-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:70px;border:1px dashed var(--line);border-radius:6px;background:var(--paper);color:var(--green);text-decoration:none}
.pending-preview-link:hover,.pending-preview-link:focus-visible{border-color:var(--green);text-decoration:underline}
.pack-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(175px,100%),1fr));gap:12px}
.pack-review-card{border:1px solid var(--line);border-radius:8px;overflow:hidden}
.pack-review-card>div+div{padding:10px}
.pack-review-card small,.pack-review-card strong{display:block;overflow-wrap:anywhere}
.pack-review-card p{margin:4px 0;overflow-wrap:anywhere}
.pack-review-card button{margin-top:8px}
.pack-review-preview{display:grid;place-items:center;height:100px;background:var(--paper);color:var(--sub);font-size:12px}
.pack-review-preview img{width:68px;height:68px;object-fit:contain}