:root{--ink:#18213c;--plum:#4b3fe2;--deep:#3428bf;--orange:#f2b533;--cream:#f1f1ff;--sand:#e7e6fb;--muted:#7c8298;--green:#43bd72;--line:#e4e5f2;--shadow:0 8px 24px rgba(52,40,191,.07)}
html,body{background:var(--cream);color:var(--ink);font-family:Nunito,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(135deg,#f6f6ff 0%,#efefff 55%,#e8e7ff 100%)}
.app-shell{background:transparent}.topbar{position:fixed;z-index:8;top:0;right:0;left:202px;height:66px;padding:0 30px;background:#fff;border-bottom:1px solid #e8e8f4;box-shadow:0 2px 12px rgba(38,31,120,.03)}
.topbar>.brand{color:var(--plum)}.brand-mark{color:var(--plum)}.brand b{color:#f0aa26}.status-pill.online{background:#e5f8eb;color:#239253}.icon-btn{border-color:#e0e0ef;color:var(--plum);background:#fff;transition:.18s}.icon-btn:hover{background:#f0efff;transform:translateY(-1px)}
.sidebar{position:fixed;z-index:9;inset:0 auto 0 0;width:202px;padding:18px 10px 18px;background:linear-gradient(180deg,#4639dc,#3e32d1 55%,#3428bd);color:#fff;display:flex;flex-direction:column;box-shadow:8px 0 28px rgba(54,42,183,.14)}
.sidebar-brand{height:76px;padding:0 15px;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;line-height:1.05;letter-spacing:.12em;font-weight:900}.sidebar-brand b{color:#ffd269}.sidebar-logo{font-size:31px;color:#fff}.sidebar-toggle{height:34px;padding-left:18px;color:#d9d6ff;font-size:18px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a,.sidebar-logout{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:9px;color:#dddafe;text-decoration:none;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .18s,color .18s}.sidebar-nav a span,.sidebar-logout span{width:18px;text-align:center;font-size:18px}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.18);color:#fff}.sidebar-logout{margin-top:auto;color:#d9d6ff}.sidebar-logout:hover{background:rgba(255,255,255,.14);color:#fff}
main{margin-left:202px;padding:98px 42px 48px}.screen{max-width:1600px}.screen-head{margin-bottom:24px}.eyebrow,.panel-label,.item-tag,.queue-kicker{color:var(--plum);font-size:11px;letter-spacing:.18em}.screen-head h1{color:#18213c;font-size:clamp(32px,3.2vw,54px);letter-spacing:-.055em}.updated{color:#8990a6}
.kpi-grid{gap:16px}.kpi,.panel,.menu-card{border:0;border-radius:11px;background:#fff;box-shadow:var(--shadow)}.kpi{min-height:136px;padding:22px}.kpi span{color:#27304a;font-size:14px}.kpi strong{color:#18213c;font-size:clamp(30px,3.6vw,54px)}.kpi small,.muted{color:#8990a6}.kpi.accent{background:linear-gradient(135deg,#4537d6,#5b4cec)}.kpi.accent strong,.kpi.accent span{color:#fff}.kpi.accent small{color:#ddd9ff}.panel{padding:23px}.highest-panel{background:linear-gradient(135deg,#3024af,#4936d1);box-shadow:0 12px 30px rgba(56,43,190,.18)}.highest-panel .panel-label{color:#ffd267}.big-item{color:#18213c}.highest-panel .big-item,.highest-panel .big-money{color:#fff}.big-money{color:#18213c}.break-row{border-color:var(--line)}.break-row b{color:var(--plum)}.mini-bar{background:#ececf7}.mini-bar span{background:#42b970}.notice{border:0;background:#fff8e7;color:#80621d;box-shadow:var(--shadow)}
.menu-grid{gap:16px}.menu-card{border:0;border-radius:11px}.menu-card:hover{box-shadow:0 12px 28px rgba(54,42,183,.14)}.menu-card b{color:var(--ink)}.menu-number,.menu-arrow{color:var(--plum)}.home-intro,.queue-hero,.counter-card{background:linear-gradient(135deg,#3024af,#4936d1);border:0;box-shadow:0 12px 30px rgba(56,43,190,.15)}
.live-layout{gap:20px}.item-visual{background:#3024af;border:0}.image-frame{background:linear-gradient(135deg,#201870,#3024af)}.live-status{color:#27a860}.live-status .live-dot{background:#42be73;box-shadow:0 0 0 4px #d5f4df}.current-bid-card{background:linear-gradient(135deg,#4537d6,#5b4cec);box-shadow:0 10px 24px rgba(56,43,190,.14)}
.operator-input{border:1px solid #dfe1ef;border-radius:8px;background:#fff;color:var(--ink);padding:12px 14px}.operator-input:focus{outline:2px solid #b8b2ff;border-color:var(--plum)}.operator-button{border-radius:8px;background:var(--plum);box-shadow:0 5px 12px rgba(75,63,226,.18)}.operator-button.secondary{background:#ebeaf9;color:var(--plum);box-shadow:none}.modal-card,.auth-card{border:0;border-radius:14px;box-shadow:0 18px 55px rgba(34,29,119,.18)}.auth-screen{background:var(--cream)}
.master-row{border-color:var(--line)}.master-head{color:var(--plum)}.master-row button{background:#ebeaf9;color:var(--plum)}.counter-item-row{border-color:var(--line)}
.reports-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.reports-table{overflow:auto}.report-grid-row{display:grid;grid-template-columns:70px minmax(190px,1.5fr) minmax(120px,1fr) minmax(150px,1.15fr) 110px 120px minmax(150px,1.1fr) 100px;gap:10px;align-items:center;min-width:1080px;padding:11px 7px;border-bottom:1px solid var(--line);font-size:13px}.report-grid-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-grid-row button{border:0;background:transparent;color:var(--plum);font:inherit;font-weight:900;cursor:pointer;padding:0}.report-grid-row input{min-width:0;width:100%;border:1px solid var(--line);border-radius:7px;padding:7px;background:#fff;color:var(--ink)}@media(max-width:800px){.reports-kpi-grid{grid-template-columns:1fr}}
.operator-picker-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:16px}.operator-picker{min-width:0}.operator-picker-title{font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--plum);margin:4px 0 10px}.operator-table{max-height:390px;overflow:auto;border-top:1px solid var(--line)}.operator-table-head,.operator-table-row{display:grid;grid-template-columns:48px minmax(150px,1.5fr) minmax(100px,1fr) minmax(120px,1fr) 78px 68px;gap:9px;align-items:center;padding:11px 7px;border-bottom:1px solid var(--line);font-size:13px}.operator-table-head{color:var(--plum);font-size:10px;font-weight:900;letter-spacing:.1em;position:sticky;top:0;background:#fff;z-index:1}.operator-table-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operator-table-row button{background:#ebeaf9;color:var(--plum);border-radius:7px;padding:7px 9px;font-weight:800;font-size:12px}.operator-table-row.selected{background:#f0efff}.operator-table-row.selected button{background:var(--plum);color:#fff}.participant-head{grid-template-columns:48px minmax(140px,1fr) 58px 58px 68px}.operator-bid-form{margin-top:18px;padding:18px;border-radius:11px;background:#f1f0ff;border:1px solid #dedcff}.operator-selection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.operator-selection span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.operator-selection b{color:var(--ink);margin-right:18px}.operator-bid-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.operator-bid-fields .operator-input{margin:0}.operator-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.operator-table-row.current-published{background:#e9fff0;box-shadow:inset 4px 0 0 #43bd72}.operator-current-tag{display:inline-block;margin-right:7px;padding:3px 6px;border-radius:5px;background:#d8f7e2;color:#1d8d4e;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.04em;vertical-align:middle}.publish-confirm{position:fixed;z-index:20;right:28px;top:84px;display:flex;align-items:center;gap:12px;padding:15px 19px;border-radius:10px;background:#fff;box-shadow:0 14px 35px rgba(31,28,102,.2);border-left:5px solid #43bd72;color:var(--ink);animation:publish-in .22s ease}.publish-confirm>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#43bd72;color:#fff;font-weight:900}.publish-confirm b,.publish-confirm small{display:block}.publish-confirm small{margin-top:3px;color:var(--muted);font-size:12px}@keyframes publish-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.operator-picker-grid{grid-template-columns:1fr}.operator-table{max-height:320px}}@media(max-width:700px){.operator-table-head,.operator-table-row{grid-template-columns:42px minmax(150px,1fr) 68px}.operator-table-head span:nth-child(3),.operator-table-head span:nth-child(4),.operator-table-row span:nth-child(3),.operator-table-row span:nth-child(4){display:none}.operator-bid-fields{grid-template-columns:1fr}.operator-selection b{margin-right:8px}}
@media(max-width:900px){.sidebar{width:68px;padding-left:7px;padding-right:7px}.sidebar-brand{padding:0;justify-content:center;font-size:0}.sidebar-brand .sidebar-logo{font-size:27px}.sidebar-toggle{padding-left:18px}.sidebar-nav a,.sidebar-logout{justify-content:center;padding-left:8px;padding-right:8px;font-size:0}.sidebar-nav a span,.sidebar-logout span{font-size:19px}.topbar{left:68px}.topbar>.brand{display:none}main{margin-left:68px;padding:92px 22px 36px}}
@media(max-width:900px){.sidebar{transition:width .2s ease,padding .2s ease}.sidebar-toggle{cursor:pointer}.sidebar:not(.mobile-open) .sidebar-nav,.sidebar:not(.mobile-open) .sidebar-logout{display:none}.sidebar.mobile-open{z-index:31;width:min(286px,82vw);padding-left:10px;padding-right:10px}.sidebar.mobile-open .sidebar-brand{justify-content:flex-start;padding:0 15px;font-size:14px}.sidebar.mobile-open .sidebar-logo-image{display:block}.sidebar.mobile-open .sidebar-logo-fallback{display:none}.sidebar.mobile-open .sidebar-toggle{padding-left:18px}.sidebar.mobile-open .sidebar-nav{display:grid}.sidebar.mobile-open .sidebar-nav a,.sidebar.mobile-open .sidebar-logout{justify-content:flex-start;padding-left:14px;padding-right:14px;font-size:14px}.sidebar.mobile-open .sidebar-nav a span,.sidebar.mobile-open .sidebar-logout span{font-size:18px}.mobile-nav-backdrop{display:none;position:fixed;z-index:30;inset:0;border:0;background:rgba(20,18,61,.42)}.mobile-nav-backdrop.visible{display:block}}
@media(max-width:560px){main{padding-left:14px;padding-right:14px}.sidebar{width:58px}.topbar{left:58px;padding:0 14px}.portal-user{max-width:100px}.panel,.kpi{padding:17px}}
.portal-logo{display:block;height:auto;object-fit:contain}.auth-logo{width:min(330px,100%);max-height:92px;object-position:left center}.topbar-logo{width:230px;max-height:54px;object-position:left center}.sidebar-logo-image{width:170px;max-height:62px}.sidebar-logo-fallback{display:none}.sidebar-brand{overflow:hidden}.auth-card .brand{display:block}.topbar>.brand{display:flex;align-items:center}.topbar>.brand .portal-logo{max-width:230px}@media(max-width:900px){.sidebar-logo-image{display:none}.sidebar-logo-fallback{display:block;font-size:27px;color:#fff}.sidebar-brand .sidebar-logo-fallback{font-size:27px}.topbar>.brand{display:none}}
.screen-head{position:relative;padding-top:38px}.screen-back{position:absolute;left:0;top:0;border:1px solid #dfe1ef;border-radius:8px;background:#fff;color:var(--plum);padding:9px 14px;font-size:13px;font-weight:800;box-shadow:0 4px 10px rgba(52,40,191,.08);cursor:pointer}.screen-back:hover{background:#f0efff;transform:translateX(-2px)}
.image-nav{position:absolute;top:50%;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:var(--plum);font-size:32px;line-height:1;box-shadow:0 4px 14px #0005;transform:translateY(-50%)}.image-nav-prev{left:18px}.image-nav-next{right:18px}.image-count{position:absolute;z-index:2;right:18px;bottom:14px;border-radius:99px;background:#1b123dcc;color:#fff;padding:6px 10px;font-size:12px;font-weight:800}
.image-zoom-controls{position:absolute;z-index:3;left:18px;bottom:14px;display:flex;align-items:center;overflow:hidden;border-radius:99px;background:#fff;box-shadow:0 4px 14px #0005}.image-zoom-controls button{min-width:34px;height:32px;border:0;border-right:1px solid #e4e5f2;background:#fff;color:var(--plum);font-size:20px;font-weight:800;line-height:1}.image-zoom-controls button:last-child{border-right:0}.image-zoom-controls button:nth-child(2){min-width:52px;font-size:11px}
.modal{overflow:auto}.tag-images-card{max-height:calc(100vh - 32px);overflow-y:auto}.tag-image-preview{max-height:250px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-content:start;gap:12px;margin:18px 0}.tag-image-thumb{position:relative;width:100%;aspect-ratio:1;min-height:0;border-radius:12px;overflow:hidden;background:#f1f0ff;border:1px solid var(--line)}.tag-image-thumb img{display:block;width:100%;height:100%;object-fit:cover}.tag-image-remove{position:absolute;z-index:1;top:6px;right:6px;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#a21b48;font-size:22px;line-height:1;box-shadow:0 2px 8px #0003}.modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}
@media (min-width:901px) and (max-width:1100px), (min-width:901px) and (max-height:800px){.sidebar{width:176px;padding:12px 8px}.sidebar-brand{height:38px;padding:0 10px}.sidebar-nav{gap:2px}.sidebar-nav a,.sidebar-logout{gap:8px;padding:8px 10px;font-size:12px}.sidebar-nav a span,.sidebar-logout span{width:16px;font-size:16px}.topbar{left:176px;height:58px;padding:0 18px}.topbar-logo{width:180px;max-height:44px}main{margin-left:176px;padding:78px 24px 22px}.screen-head{margin-bottom:16px}.screen-head h1{font-size:clamp(28px,3.7vw,44px)}.screen-head .updated{font-size:12px}.panel{padding:16px}.kpi-grid,.dashboard-grid,.menu-grid,.queue-grid,.live-layout,.master-grid,.assignment-grid,.counter-operator-grid,.operator-grid{gap:10px}.kpi{min-height:102px;padding:14px}.kpi strong{font-size:clamp(24px,3vw,38px)}.menu-card{padding:16px}.home-intro{padding:16px}.live-layout{grid-template-columns:minmax(300px,1.05fr) 1fr}.image-frame{height:min(47vh,340px)}.live-details{padding:14px}.live-details h2{font-size:clamp(32px,5vw,58px);margin:18px 0 12px}.current-bid-card{margin-top:22px;padding:18px}.operator-picker-grid{gap:12px}.operator-table{max-height:260px}.counter-card{padding:16px}.assignment-table,.master-table{max-height:360px;overflow:auto}}
#operatorControlPanel{display:flex;flex-direction:column}#operatorControlPanel>.operator-bid-form{order:1;margin-top:0;margin-bottom:16px}#operatorControlPanel>.operator-picker-grid{order:2;margin-top:0}#operatorControlPanel>.operator-actions{order:3}#operatorControlPanel>#operatorMessage{order:4}
.image-frame,.counter-image-frame{padding:12px;}
.image-frame img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;display:none;}
.product-image-warning{margin:12px 0 0;padding:11px 13px;border:1px solid #f0c764;border-radius:9px;background:#fff5cf!important;color:#513900!important;font-size:13px;font-weight:700;line-height:1.45;box-shadow:0 4px 12px rgba(87,68,10,.16)}.product-image-warning b{color:#3f2c00!important;text-transform:uppercase;letter-spacing:.04em}.screen-live .item-visual>.product-image-warning{display:none}.screen-live .item-tag:after,.counter-live-layout .item-tag:after{content:'PHOTO FOR REFERENCE ONLY · Actual item may vary in colour, shade, texture, size and appearance. Please inspect the physical item before bidding.';display:block;margin:10px 0 2px;padding:9px 11px;border:1px solid #f0c764;border-radius:8px;background:#fff5dff2;color:#513900;font-size:11px;font-weight:900;letter-spacing:0;line-height:1.35;text-align:left;text-shadow:none}.tag-image-preview:before{content:'PHOTO FOR REFERENCE ONLY · Actual item may vary in colour, shade, texture, size and appearance.';grid-column:1/-1;padding:9px 11px;border:1px solid #f0c764;border-radius:8px;background:#fff5cf;color:#513900;font-size:11px;font-weight:800;line-height:1.4}
/* Counter photos must retain their complete natural aspect ratio.  Unlike the
   live-auction frame, a counter card can grow to accommodate a tall photo. */
.counter-image-frame{height:auto;min-height:0;display:block;overflow:hidden;}
.counter-image-frame img{display:none;width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;object-position:center;}
.counter-image-frame .counter-no-image{display:block;padding:80px 0;text-align:center;}
.tag-camera-panel{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#f7f6ff}.tag-camera-panel video{display:block;width:100%;max-height:360px;border-radius:8px;background:#161225;object-fit:contain}.tag-camera-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}
.camera-select-label{display:block;margin-bottom:5px;color:var(--plum);font-size:12px;font-weight:800}.camera-select{margin:0 0 10px}
.bidder-item-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.bidder-image-preview{position:relative;width:76px;height:58px;padding:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#f1f0ff}.bidder-image-preview img{display:block;width:100%;height:100%;object-fit:cover}.bidder-image-preview span{position:absolute;right:0;bottom:0;left:0;padding:3px 4px;background:#24194bcc;color:#fff;font-size:10px;font-weight:800}.bidder-images-modal{width:min(820px,100%)}.bidder-image-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:18px}.bidder-image-stage img{display:block;width:100%;max-height:min(58vh,520px);object-fit:contain;border-radius:12px;background:#f1f0ff}.bidder-image-choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.bidder-image-choices .operator-button{padding:8px 12px}@media(max-width:640px){.bidder-image-stage{grid-template-columns:1fr}.bidder-image-stage img{order:-1;max-height:48vh}.bidder-item-actions{justify-content:flex-start}}
.assignment-row{grid-template-columns:52px minmax(150px,1.5fr) minmax(90px,1fr) minmax(120px,1.2fr) 105px 84px minmax(110px,1fr) 84px;min-width:980px}.assignment-closed,.operator-closed{background:#eeeeee;color:#777}.assignment-closed .assignment-bidder,.operator-closed .operator-item-bidder{color:#333;font-weight:800}.operator-table-head,.operator-table-row{grid-template-columns:48px minmax(150px,1.5fr) minmax(100px,1fr) minmax(120px,1fr) 78px 82px minmax(110px,1fr) 68px;min-width:900px}.operator-closed button{background:#d5d5d5!important;color:#666!important;cursor:not-allowed}
#controllerManualBidPanel .participant-head,#controllerApprovedBidders .operator-table-row{grid-template-columns:48px minmax(180px,1fr) 90px 68px;min-width:0}
#winnerParticipantList .operator-table-row{grid-template-columns:56px minmax(180px,1fr) 84px;min-width:0}
#controllerManualBidPanel .manual-items-head,#controllerManualItems .manual-item-row{grid-template-columns:48px minmax(145px,1.25fr) minmax(88px,.8fr) minmax(110px,1fr) 78px minmax(165px,1.35fr) 68px;min-width:0}
#controllerManualItems .manual-bid-summary{white-space:normal;line-height:1.25}.manual-bid-summary b{display:block;color:var(--ink)}.manual-bid-summary small{display:block;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#controllerApprovedBidders .current-bidder-row{background:#fff4d8}.current-bidder-lock{font-size:11px;font-weight:800;color:#8a5b00;text-align:center}
.operator-closed .operator-reopen-item{background:var(--plum)!important;color:#fff!important;cursor:pointer;font-size:11px;padding:6px 8px}

/* Compact workstation layout: keeps the portal practical on 1366 × 768 displays. */
@media (min-width:901px) and (max-width:1440px), (min-width:901px) and (max-height:820px){
  main{padding:70px 20px 18px}.screen{max-width:1360px}.screen-head{padding-top:32px;margin-bottom:12px}.screen-head h1{font-size:clamp(27px,3vw,40px)}.screen-back{padding:7px 11px;font-size:12px}.eyebrow,.panel-label,.item-tag,.queue-kicker{font-size:10px}.updated{font-size:12px}
  .home-intro{margin-bottom:10px;padding:12px}.home-intro p{font-size:13px}.menu-grid{gap:10px}.menu-card{min-height:92px;padding:13px;gap:12px}.menu-number{font-size:23px}.menu-card div{gap:4px}.menu-card b{font-size:18px}.menu-card small{font-size:12px;line-height:1.3}.menu-arrow{font-size:23px}.home-tv{margin-top:10px;padding:12px}
  .panel{padding:14px}.kpi{min-height:94px;padding:13px}.kpi span{font-size:12px}.kpi small,.muted{font-size:12px}.kpi strong{font-size:clamp(24px,3vw,36px)}.kpi-grid,.dashboard-grid,.queue-grid,.master-grid,.assignment-grid,.operator-grid,.live-layout{gap:10px}.reports-kpi-grid{margin-bottom:10px}
  .operator-input{padding:9px 11px}.operator-button{padding:9px 13px}.master-table,.assignment-table{max-height:310px}.operator-table{max-height:230px}.operator-picker-grid{gap:10px;margin-top:10px}.operator-table-head,.operator-table-row{padding:8px 6px;font-size:12px}.operator-bid-form{margin-top:12px;padding:13px}.counter-item-row{padding:9px 0}
  .image-frame{height:min(44vh,310px)}.item-visual{padding:10px}.live-details{padding:12px}.live-details h2{margin:12px 0 8px;font-size:clamp(30px,4.8vw,52px)}.current-bid-card{margin-top:14px;padding:14px}.next-line{margin-top:14px}.queue-hero{padding:14px}.queue-item{padding:9px 0}.queue-item-name{margin:14px 0 7px}.queue-divider{margin:16px 0}
}

/* Phone layout: one clear column, comfortable touch targets, and horizontal table scrolling. */
@media(max-width:700px){
  main{padding:76px 12px 24px}.topbar{height:58px}.icon-btn{width:34px;height:34px;font-size:17px}.screen-head{padding-top:34px;margin-bottom:14px}.screen-head h1{font-size:clamp(28px,9vw,38px)}.screen-back{padding:7px 10px;font-size:12px}.panel{padding:14px;border-radius:10px}.operator-input{padding:11px 12px}.operator-button{min-height:42px;padding:10px 13px}.master-auth,.master-upload-row{gap:8px}.master-auth .operator-input{max-width:none}.master-upload-row>*{flex:1 1 100%}.master-list-heading{align-items:flex-start}.master-list-heading .master-export{min-height:36px;white-space:nowrap}.master-table,.reports-table{max-height:55vh}.kpi-grid{gap:10px}.kpi{min-height:110px;padding:14px}.kpi span{font-size:13px}.kpi strong{font-size:32px}.live-layout{gap:12px}.image-frame{height:min(48vh,350px)}.image-nav{width:36px;height:36px;font-size:27px}.image-nav-prev{left:10px}.image-nav-next{right:10px}.image-zoom-controls{left:10px;bottom:10px}.image-count{right:10px;bottom:10px}.current-bid-card{padding:15px}.counter-control-tabs{overflow-x:auto;flex-wrap:nowrap}.counter-control-tab{white-space:nowrap}.report-grid-row{font-size:12px}.modal{padding:10px}.modal-card{padding:22px 16px}.tag-image-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){.kpi-grid{grid-template-columns:1fr}.top-actions{gap:6px}.sidebar{width:54px}.topbar{left:54px;padding:0 10px}.screen-head h1{font-size:30px}.menu-card{padding:14px}.home-intro b{font-size:12px}}