@charset "UTF-8";
:root{--blue:#234e78;--blue-dark:#1c4268;--blue-accent:#356b9d;--blue-tint:#dce9f7;--bg:#f5f7fa;--ink:#24384e;--muted:#6a7f97;--border:#dae2ec;--white:#fff;--danger:#a94d42;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #4f84b8;outline-offset:3px}button,a{touch-action:manipulation}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--blue);color:#d9dfe5;padding:34px 20px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-size:32px;font-weight:700;letter-spacing:-1.5px;padding:0 12px;line-height:1}.brand-mark{width:33px;height:36px;margin-right:10px;color:var(--blue-tint)}.brand-mark svg{width:33px;height:33px;stroke-width:2}.brand-dot{color:var(--blue-tint)}.workspace{display:flex;align-items:center;gap:10px;border:1px solid #ffffff1c;border-radius:10px;padding:13px 11px;margin:34px 0 30px}.workspace-icon{background:#ffffff12;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:13px;color:var(--blue-tint)}.workspace strong{display:block;font-size:12px;font-weight:600}.workspace small{display:block;color:#9ba9b9;font-size:10px;margin-top:3px}.workspace-dot,.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#9eb6d1;flex-shrink:0}.workspace-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:600;letter-spacing:1.4px;color:#8c9caf;margin:0 12px 13px}.nav-button{width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:7px;background:transparent;color:#bfc8d2;text-align:left;padding:12px;font-size:12px;margin-bottom:5px;line-height:1.4}.nav-button svg{width:17px;height:17px}.nav-button:hover{background:#ffffff0c;color:white}.nav-button.active{background:var(--blue-tint);color:var(--blue);font-weight:600}.nav-button .nav-count{font-size:10px;margin-left:auto;background:#1b293a12;padding:2px 6px;border-radius:4px}.nav-button .nav-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin-top:26px;margin-bottom:4px}.nav-heading .nav-label{margin-bottom:0}.icon-button{display:grid;place-items:center;width:32px;height:32px;background:transparent;border:0;border-radius:7px;color:var(--muted)}.icon-button:hover{background:#e7edf3;color:var(--blue)}.icon-button.light{color:#acb8c6}.icon-button.light:hover{background:#ffffff12;color:white}#shelf-nav{overflow:auto;max-height:40vh}.sidebar-bottom{margin-top:auto;padding-top:24px}.local-note{padding:16px 12px 12px;border-top:1px solid #ffffff16}.local-note strong{font-size:10px;font-weight:500;margin-left:6px}.local-note p{font-size:11px;line-height:1.8;color:#8f9fb1;margin:8px 0}.sidebar-footer{border-top:1px solid #ffffff16;margin:17px 12px 0;padding-top:18px;font-size:9px;font-weight:600;letter-spacing:1px;color:#99a7b8}.sidebar-footer span{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:5px;color:#7b8ea3}
main{margin-left:238px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#f8f9fb}.breadcrumb{display:flex;align-items:center;gap:16px;font-size:11px;color:#8495a9}.breadcrumb svg{width:12px;height:12px}.breadcrumb span{color:#404d5c}.local-badge{display:flex;gap:7px;align-items:center;font-size:10px;color:#62778e;border:1px solid var(--border);border-radius:20px;padding:7px 10px}.local-badge .status-dot{background:#788ca2}.page{padding:36px 42px 12px;max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#6d8299;margin:0 0 10px}h1{font-weight:600;letter-spacing:-1.15px;font-size:31px;margin:0 0 9px;overflow-wrap:anywhere}.subtitle{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:7px;border:1px solid transparent;font-size:11px;font-weight:600;white-space:nowrap;min-height:39px}.button svg{width:15px;height:15px}.primary{background:var(--blue);color:white}.primary:hover{background:#2f3f52}.secondary{background:white;border-color:#dae0e6;color:#445262}.secondary:hover{background:#e9eef4}.danger-secondary{background:#fcf4f1;color:var(--danger);margin-right:auto}.danger-secondary:hover{background:#f6e4de}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--border);border-radius:10px;padding:22px 20px;display:flex;align-items:center;gap:15px;min-width:0;box-shadow:0 2px 3px #1d2a3902}.stat-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;background:#e5ebf2;color:#536880}.stat-icon.mint{background:#edf1f5;color:#62778e}.stat-icon.sand{background:#faf2e6;color:#b18b50}.stat-label{font-size:11px;color:#6a7f97}.stat-value{display:flex;align-items:baseline;gap:7px;margin-top:5px}.stat-value strong{font-size:27px;font-weight:600;line-height:1;letter-spacing:-1px}.stat-value>span{font-size:10px;color:#7a8da3}.stat-tag{margin-left:auto;border:1px solid var(--border);padding:4px 7px;border-radius:5px;font-size:10px;color:#5b6d82}
.map-panel{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #24384e03}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #e7ecf2;gap:14px}.panel-title{display:flex;align-items:center;gap:12px}.panel-icon{background:#edf1f6;border-radius:8px;display:grid;place-items:center;width:35px;height:35px;color:#586a7e}h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.2px}.panel-title p{font-size:10px;color:#788ca2;margin:5px 0 0}.live-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#6e839b}.live-label .status-dot{background:#697e97}.map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 25px 13px}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:6px;background:#fbfcfd;padding:9px 11px;flex:1;max-width:340px;color:#8899ad}.search svg{width:15px;height:15px}.search input{background:transparent;border:0;outline:0;font-size:10px;width:100%;color:var(--ink)}.search:focus-within{outline:2px solid #4f84b8}.search input:focus-visible{outline:0}.search input::placeholder{color:#8596aa}.segmented{display:flex;border:1px solid var(--border);padding:3px;border-radius:6px;background:#f6f8fa;gap:2px}.segmented button{font-size:10px;border:0;border-radius:4px;background:transparent;padding:7px 12px;color:#778ba1}.segmented button.selected{background:#fff;color:#3a4857;box-shadow:0 1px 5px #252e3810;font-weight:600}.map-scroll{overflow-x:auto;padding:8px 25px 0}.rack-map{min-width:770px}.module-headings{display:grid;grid-template-columns:52px repeat(8,minmax(0,1fr));gap:12px;align-items:center;margin:15px 0 12px}.module-headings span{font-size:8px;font-weight:600;color:#7c8fa4;letter-spacing:.75px;text-align:center}.module-headings span:first-child{font-size:7px;text-align:left}.rack-floor{display:grid;grid-template-columns:52px repeat(8,minmax(0,1fr));gap:12px;padding:13px 0 16px;border-bottom:4px solid #e7edf3;position:relative}.floor-label{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.floor-label strong{font-size:23px;font-weight:600;color:#495768}.floor-label small{font-size:8px;color:#8798ab}.module{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#edf1f6;border:1px solid #dde4ed;border-radius:7px;position:relative}.slot{border:1px solid #d4dbe2;border-radius:5px;background:#f6f8fa;min-height:66px;padding:10px 2px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;position:relative;transition:background .15s,transform .15s,box-shadow .15s}.slot .slot-code{font-size:11px;font-weight:600;color:#61758c;white-space:nowrap}.slot .slot-bottom{font-size:16px;line-height:13px;color:#a4b1bf}.slot:hover{background:#dde4ed;border-color:#93a4b8;transform:translateY(-2px);box-shadow:0 3px 8px #37475912;z-index:1}.slot.occupied{background:#ced9e5;border-color:#a1b3c8}.slot.occupied .slot-code{color:#3c4b5c}.slot.occupied .slot-bottom{color:#59718d}.slot.full{grid-column:span 2;background:#315f8d;border-color:#315f8d}.slot.full .slot-code{color:#ecf0f5}.slot.full .slot-bottom{color:#c1d0e1;font-size:8px;max-width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.slot .mini-icon{width:13px;height:13px}.slot.dimmed{opacity:.22}.slot.matched{outline:2px solid #6682a2;outline-offset:1px}.rack-base{height:19px;margin-left:60px;display:flex;justify-content:space-between}.rack-base span{width:9px;height:15px;background:#d7e0eb;margin:0 14px;border-radius:0 0 2px 2px}.map-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafbfc;padding:16px 25px;border-top:1px solid #e6ecf2;color:#8596aa;font-size:9px}.legend{display:flex;gap:18px}.legend>span{display:flex;align-items:center;gap:6px}.legend i{display:inline-block;width:9px;height:9px;border-radius:2px;border:1px solid #cbd4de}.legend-free{background:#f3f6f9}.legend-occupied{background:#ced9e5}.legend-full{background:#315f8d}.below-map{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:23px}.tip{display:flex;gap:11px;align-items:flex-start}.tip-icon{background:#e5ebf2;color:#73879e;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.tip-icon svg{width:15px;height:15px}.tip strong{display:block;font-size:10px;font-weight:600;color:#5d7187;margin-top:1px}.tip p{font-size:10px;color:#7d90a5;line-height:1.7;margin:5px 0 0}.capacity{min-width:200px;font-size:9px;color:#768aa0}.capacity>span{display:flex;justify-content:space-between;gap:20px}.capacity strong{font-weight:500;color:#536478}.progress{height:5px;background:#dee5ee;border-radius:5px;margin-top:10px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#728dae;transition:width .2s}.search-feedback{font-size:11px;color:#63778e;min-height:15px}.page-footer{max-width:1600px;display:flex;justify-content:space-between;padding:20px 42px;font-size:9px;color:#91a1b3}.warning{background:#fff3d5;color:#745818;padding:12px 42px;font-size:12px;line-height:1.5}
.warehouse-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:35px 0 18px}.warehouse-toolbar p{font-size:12px;color:var(--muted);line-height:1.6}.button-group{display:flex;gap:8px;flex-wrap:wrap}.warehouse-stage{position:relative;overflow:hidden;border:1px solid #d2d8df;border-radius:13px;background:#e0e7ef;isolation:isolate}.warehouse-stage>img{width:100%;height:auto;display:block}.warehouse-illustration{height:420px;position:relative;background:#dfe6ef;border:26px solid #ebeff4;box-shadow:inset 0 0 0 2px #d0d7de}.warehouse-grid{position:absolute;inset:0;background-image:linear-gradient(#bfc8d255 1px,transparent 1px),linear-gradient(90deg,#bfc8d255 1px,transparent 1px);background-size:32px 32px}.space-label{position:absolute;left:25px;top:21px;font-size:10px;letter-spacing:2px;color:#6d8299}.entrance{position:absolute;bottom:-5px;left:42%;padding:12px 25px;background:#ebeff4;color:#61758c;font-size:10px;letter-spacing:3px}.hotspot{position:absolute;border:2px solid #6a7f97;border-radius:7px;background:#cfd8e2dd;color:#37424f;display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:column;transition:background .15s,box-shadow .15s;box-shadow:4px 5px 0 #3a4b5f12;padding:8px;min-width:30px;min-height:30px}.hotspot.illustrated{background:repeating-linear-gradient(0deg,#c2ccd8 0,#c2ccd8 21%,#a5b5c7 21%,#a5b5c7 24%)}.hotspot:hover{background:#b1c2d6d9;box-shadow:0 0 0 5px #6d88a655}.hotspot strong{background:#f3f6f9ec;border-radius:4px;padding:7px 10px;font-size:12px;max-width:100%;overflow-wrap:anywhere}.hotspot small{background:#f3f6f9ec;padding:4px 7px;border-radius:4px;font-size:10px}.warehouse-tip{margin-top:20px}.warehouse-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:27px}.warehouse-card{background:white;border:1px solid var(--border);border-radius:9px;display:flex;align-items:center;padding:20px;gap:13px;text-align:left}.warehouse-card:hover{border-color:#93a8bf}.warehouse-card>svg:last-child{margin-left:auto;width:16px}.warehouse-card strong{display:block;font-size:13px;overflow-wrap:anywhere}.warehouse-card small{font-size:11px;display:block;color:var(--muted);margin-top:6px}
dialog{border:0;color:var(--ink);padding:0;background:#fff;box-shadow:0 15px 80px #12192133}dialog::backdrop{background:#151e2860;backdrop-filter:blur(3px)}.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:475px;max-width:100%;height:100dvh;max-height:100dvh;border-radius:16px 0 0 16px}.drawer form{height:100%;display:flex;flex-direction:column}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:26px;border-bottom:1px solid var(--border);gap:16px}.drawer-heading h2{font-size:23px;letter-spacing:-.6px}.drawer-heading .eyebrow{font-size:8px;overflow-wrap:anywhere}.drawer-body{padding:25px 26px;overflow:auto;flex:1}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:19px 26px;border-top:1px solid var(--border);background:#fafbfc}.location-card{padding:15px;display:flex;align-items:center;gap:13px;background:#edf1f6;border-radius:9px;margin-bottom:24px}.location-symbol{color:#647991}.location-card strong{font-size:12px}.location-card p{font-size:10px;color:#6d8299;margin:4px 0 0}.field{display:block;font-size:11px;font-weight:600;margin:0 0 19px;color:#546578}.required{color:#899aad}.field>input,.field>select,.field>textarea{display:block;width:100%;margin-top:8px;border:1px solid #d9dee4;border-radius:6px;padding:11px 12px;font-weight:400;font-size:12px;color:#36414e;background:#fcfcfd;outline-offset:1px}.field input::placeholder,.field textarea::placeholder{color:#94a3b4}.field textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-help{display:block;font-weight:400;color:#76899f;font-size:11px;line-height:1.6;margin:7px 0 20px}.size-options{display:flex;gap:10px;margin-top:9px}.size-options label{display:flex;align-items:center;gap:7px;padding:12px 9px;flex:1;border:1px solid #d9dee4;border-radius:7px;cursor:pointer}.size-options label:has(input:checked){background:#e6ecf2;border-color:#879bb1}.size-options label:has(input:disabled){opacity:.5;cursor:not-allowed}.size-options input{accent-color:#415164}.size-options strong{display:block;font-size:11px;font-weight:600}.size-options small{display:block;font-size:9px;color:#788ca2;margin-top:4px;font-weight:400}.photo-picker{position:relative;display:flex;justify-content:center;align-items:center;border:1px dashed #b8c3cf;border-radius:8px;background:#f4f7fa;min-height:122px;margin-top:9px;cursor:pointer;overflow:hidden}.photo-picker:focus-within{outline:3px solid #4f84b8}.photo-picker>span{display:flex;align-items:center;flex-direction:column;gap:8px;padding:18px;color:#6a7f97}.photo-picker strong{font-size:11px;font-weight:500}.photo-picker small{font-size:9px;color:#8899ac;font-weight:400}.photo-picker img{width:100%;max-height:220px;object-fit:contain}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.text-button{border:0;background:none;padding:8px 0;font-size:10px}.danger{color:var(--danger)}.form-error{font-size:12px;line-height:1.6;color:var(--danger);margin:0}.modal{border-radius:13px;width:500px;max-width:calc(100% - 30px);max-height:calc(100dvh - 36px)}.modal form{display:flex;flex-direction:column;max-height:calc(100dvh - 36px)}h3{font-size:13px;margin:23px 0 8px}.zone-preview{height:150px;background-color:#e5ebf2;background-size:100% 100%;position:relative;border:1px solid #d3dae2;border-radius:6px;overflow:hidden}.zone-preview>div{position:absolute;border:2px solid #5e738a;background:#c0d0e3c4;color:#364659;display:grid;place-items:center;font-size:10px;overflow:hidden}.confirm-modal{width:420px}.confirm-modal h2{font-size:20px;margin:15px 0 12px}.confirm-modal p{font-size:13px;color:#667b94;line-height:1.7;overflow-wrap:anywhere}.confirm-icon{width:40px;height:40px;background:#e7edf3;color:#566b84;border-radius:10px;display:grid;place-items:center}.toast{position:fixed;bottom:25px;left:calc(50% + 119px);transform:translateX(-50%);max-width:calc(100% - 35px);background:#283647;color:#edf1f5;padding:14px 20px;border-radius:9px;box-shadow:0 5px 25px #16202a33;font-size:12px;z-index:100;line-height:1.6}.toast.error{background:#894a3f}
@media(min-width:1500px){.slot{min-height:88px}.rack-floor{padding:18px 0}.module-headings{margin-top:23px}}
@media(max-width:1190px){.sidebar{width:210px;padding-left:14px;padding-right:14px}main{margin-left:210px}.page{padding:28px 26px 12px}.topbar{padding:0 26px}.stats{gap:10px}.stat{padding:18px 13px;gap:10px}.stat-icon{width:35px;height:35px}.stat-value>span{font-size:9px}.stat-tag{display:none}.capacity{min-width:155px}.page-footer{padding:20px 26px}.toast{left:calc(50% + 105px)}.map-footer>span{font-size:8px}}
@media(max-width:850px){.sidebar{position:static;width:100%;padding:17px 20px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px}.brand{font-size:26px;padding:0}.brand-mark,.brand-mark svg{width:27px;height:27px}.workspace,.nav-label,.nav-heading,.sidebar-bottom,.sidebar>.nav-button{display:none}#shelf-nav{display:flex;justify-content:flex-start;gap:5px;align-items:center;overflow:auto;max-height:none}.nav-button{width:auto;margin:0;padding:10px;flex-shrink:0}.nav-count{display:none}.sidebar #warehouse-mobile{display:flex!important}.topbar{height:56px}.page{padding-top:27px}main{margin:0}.stats{margin-bottom:22px}.stat-icon{display:none}.stat-value>span{font-size:9px}.page-heading{gap:14px}.page-heading h1{font-size:26px}.below-map{align-items:flex-start}.capacity{display:none}.toast{left:50%}.warehouse-toolbar{align-items:flex-start;flex-direction:column}.warehouse-illustration{height:330px}.page-footer{gap:12px}.sidebar-bottom.mobile-tools{display:flex}.warehouse-toolbar .button{font-size:10px}}
@media(max-width:550px){.page{padding:25px 16px 10px}.topbar{padding:0 16px}.breadcrumb{gap:8px;font-size:10px}.local-badge{font-size:9px}.page-heading{align-items:flex-start}.page-heading .button{padding:9px;font-size:0;min-width:36px}.page-heading .button svg{width:17px;height:17px}.page-heading h1{font-size:24px}.subtitle{font-size:11px;max-width:260px}.eyebrow{font-size:8px}.stats{gap:7px}.stat{padding:14px 10px}.stat-label{font-size:9px}.stat-value{flex-wrap:wrap;gap:5px}.stat-value strong{font-size:23px}.stat-value>span{font-size:8px}.panel-heading{padding:18px 15px}.panel-title{gap:9px}.panel-title p{font-size:9px;max-width:210px;line-height:1.6}.panel-icon{display:none}.live-label{font-size:8px;white-space:nowrap}.map-toolbar{padding:16px 15px 8px;flex-direction:column;align-items:stretch;gap:10px}.search{max-width:none;padding:11px}.search input{font-size:12px}.segmented{align-self:flex-start}.map-scroll{padding-left:15px;padding-right:15px}.map-footer{padding:15px;flex-wrap:wrap;gap:12px}.map-footer>span{font-size:9px}.legend{gap:14px}.below-map{margin-top:19px}.tip p{font-size:10px}.page-footer{padding:18px 16px;font-size:8px}.page-footer>span:last-child{display:none}.drawer{border-radius:0}.drawer-heading,.drawer-body{padding:22px}.drawer-footer{padding:15px;gap:6px}.drawer-footer .button{font-size:10px;padding:10px}.hotspot strong{font-size:9px;padding:5px}.hotspot small{font-size:8px}.warehouse-illustration{height:300px;border-width:16px}.space-label{font-size:7px;left:10px;letter-spacing:1px}.entrance{font-size:8px;left:32%}.warning{padding:12px 16px}.sidebar{padding:14px 16px;gap:8px}.nav-button{font-size:10px}.nav-button svg{width:15px;height:15px}.brand{font-size:24px}.brand-mark{margin-right:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}




/* Planta ilustrada: 10 x 50 m, dois acessos e duas laterais de armazenagem. */
.warehouse-scroll{overflow-x:auto;border:1px solid #d4dae1;border-radius:13px;background:#f0f4f8;scrollbar-color:#b1bcc8 #e5ebf2;scrollbar-width:thin}
.warehouse-scroll .warehouse-stage{border:0;border-radius:0}
.warehouse-scroll.is-plan .warehouse-stage{min-width:760px}
.warehouse-scroll.is-plan .warehouse-illustration{height:auto;border:0;box-shadow:none;background:transparent}
.warehouse-plan-image{display:block;width:100%;height:auto}
.warehouse-scroll.is-plan .hotspot.plan-shelf{background:transparent;border:2px solid transparent;border-radius:3px;box-shadow:none;min-height:0;min-width:0;padding:0;transition:background .18s,border-color .18s}
.warehouse-scroll.is-plan .hotspot.plan-shelf:hover,.warehouse-scroll.is-plan .hotspot.plan-shelf:focus-visible{background:#9fb6d144;border-color:#5a6f86;box-shadow:0 0 0 4px #728dac22}
.plan-label{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;min-width:236px;max-width:360px;min-height:42px;padding:7px 12px;background:#f0f4f8;border:1px solid #d6dde4;border-radius:8px;box-shadow:0 2px 5px #2f3d4d05;text-align:left;white-space:nowrap;transition:background .15s,border-color .15s}
.plan-shelf.plan-left .plan-label{bottom:calc(100% + 13px)}
.plan-shelf.plan-right .plan-label{top:calc(100% + 15px)}
.plan-shelf .plan-label strong{display:block;background:none;padding:0;font-size:11px;color:#414e5d;overflow:hidden;text-overflow:ellipsis;max-width:270px;white-space:nowrap}
.plan-shelf .plan-label small{display:block;background:none;padding:0;margin-top:4px;font-size:9px;color:#768aa0}
.plan-label>svg{width:16px;height:16px;color:#6f849b;margin-left:auto}
.plan-label>span{min-width:0}
.plan-shelf:hover .plan-label,.plan-shelf:focus-visible .plan-label{background:#e6ecf2;border-color:#91a2b6}
.plan-shelf.unassigned .plan-label{border-style:dashed}
.plan-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 3px;font-size:10px;color:#768aa0}
.plan-caption>span{display:flex;align-items:center;gap:8px}
.plan-caption i{display:inline-block;width:9px;height:9px;background:#667b94;border-radius:2px}
.plan-caption .plan-scroll-hint{color:#5e7187}
@media(max-width:850px){.plan-label{min-width:212px;gap:8px;padding:6px 9px;min-height:39px}.plan-shelf .plan-label strong{font-size:10px;max-width:225px}.plan-shelf .plan-label small{font-size:8px}.plan-shelf.plan-left .plan-label{bottom:calc(100% + 10px)}.plan-shelf.plan-right .plan-label{top:calc(100% + 12px)}}
@media(max-width:550px){.plan-caption{font-size:9px;align-items:flex-start;flex-direction:column;gap:9px}.warehouse-toolbar{margin-top:24px}.warehouse-scroll.is-plan .warehouse-stage{min-width:760px}}


/* Consulta dos itens em todas as prateleiras. */
#items-mobile{display:none}
.warehouse-toolbar{justify-content:flex-end;margin:0 0 16px}
.catalog-count{font-size:11px;color:#5f7389;background:#e2e9f0;padding:9px 13px;border-radius:20px;white-space:nowrap}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 20px}
.catalog-toolbar .search{max-width:390px;background:#fff;padding:12px}
.catalog-toolbar .search input{font-size:12px}
#catalog-result{font-size:11px;color:#73879d}
.catalog-list{display:grid;gap:16px}
.item-group{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}
.item-group summary{display:flex;align-items:center;gap:14px;padding:21px 23px;cursor:pointer;list-style:none}
.item-group summary::-webkit-details-marker{display:none}
.item-group summary:focus-visible{outline:3px solid #4f84b8;outline-offset:-3px}
.item-group summary>svg{width:16px;height:16px;color:#788ca2;transition:transform .15s}
.item-group[open] summary>svg{transform:rotate(90deg)}
.catalog-photo{width:45px;height:45px;background:#ebeff4;border:1px solid #dee5ee;color:#697e97;border-radius:9px;display:grid;place-items:center;overflow:hidden;flex-shrink:0}
.catalog-photo img{width:100%;height:100%;object-fit:cover}
.catalog-name{flex:1;min-width:0}
.catalog-name strong{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.catalog-name small{display:block;margin-top:5px;font-size:10px;color:#8092a6}
.catalog-total{text-align:right;margin:0 13px;flex-shrink:0}
.catalog-total strong{display:block;font-size:20px;font-weight:600;letter-spacing:-.5px}
.catalog-total small{display:block;font-size:10px;color:#8092a6;margin-top:4px}
.catalog-locations{border-top:1px solid #e0e7ef}
.location-columns,.catalog-locations li{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(85px,.7fr) minmax(130px,1fr) 115px;gap:16px;align-items:center;padding:14px 23px}
.location-columns{font-size:9px;letter-spacing:.5px;background:#f6f8fa;color:#7f91a6}
.catalog-locations ul{margin:0;padding:0;list-style:none}
.catalog-locations li+li{border-top:1px solid #e7edf3}
.catalog-place{display:flex;align-items:center;gap:11px;min-width:0;font-size:11px;color:#61758b}
.catalog-place>span:last-child{overflow-wrap:anywhere}
.position-badge{padding:6px 8px;background:#e5ebf2;color:#4e5f72;border-radius:5px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}
.catalog-quantity{font-size:12px;color:#516174}
.catalog-quantity strong{font-weight:500}
.catalog-asset{font-size:11px;overflow-wrap:anywhere;color:#687d95}
.catalog-locations small{display:none}
.location-open{font-size:10px;min-height:33px;padding:8px}
.location-open svg{width:12px;height:12px}
.catalog-empty{padding:65px 25px;text-align:center;background:white;border:1px dashed #cdd5df;border-radius:12px;color:#788ba1}
.catalog-empty>svg{width:32px;height:32px;margin-bottom:20px}
.catalog-empty h2{font-size:16px;color:#54667a}
.catalog-empty p{font-size:12px;color:#798ca2;line-height:1.7}
@media(max-width:1050px){.location-columns,.catalog-locations li{grid-template-columns:minmax(155px,1.5fr) 80px minmax(100px,1fr) 105px;gap:10px;padding:14px 17px}}
@media(max-width:850px){#items-mobile{display:flex}.catalog-toolbar{margin-top:22px}.catalog-name strong{font-size:14px}}
@media(max-width:600px){.catalog-count{font-size:9px;padding:7px 10px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:10px}.catalog-toolbar .search{max-width:none}#catalog-result{font-size:10px}.item-group summary{gap:10px;padding:16px 14px}.catalog-photo{width:36px;height:36px}.catalog-name strong{font-size:13px}.catalog-total{margin:0 3px}.catalog-total strong{font-size:17px}.catalog-total small,.catalog-name small{font-size:9px}.location-columns{display:none}.catalog-locations li{grid-template-columns:1fr 1fr;padding:15px;gap:14px}.catalog-place{grid-column:1/-1}.catalog-locations small{display:block;font-size:9px;font-weight:400;color:#8798ac;margin-bottom:4px}.location-open{grid-column:1/-1;justify-self:end}.catalog-asset,.catalog-quantity{font-size:11px}.catalog-empty{padding:44px 20px}}


/* Tema azul e linguagem de planta arquitetônica. */
.stat-icon.sand{background:#edf2f8;color:#55779b}
.warehouse-scroll,.warehouse-stage,.warehouse-scroll.is-plan .warehouse-illustration{background:#fbfcfe}
.warehouse-scroll{border-color:#d8e1eb;border-radius:6px}
.plan-label{left:0;transform:none;min-width:225px;background:#fbfcfe;border-color:#ccd7e3;border-radius:3px;box-shadow:none}
.plan-shelf .plan-label strong{color:#345776}
.plan-shelf .plan-label small{color:#7a8da2}
.plan-shelf:hover .plan-label,.plan-shelf:focus-visible .plan-label{background:#eaf1f9;border-color:#7597ba}
.warehouse-scroll.is-plan .hotspot.plan-shelf{border-radius:0}
@media(max-width:850px){.plan-label{min-width:212px}}