/* W-Studio: a precise, light workspace for everyday store work. */
.q-diff-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.q-diff-heading h2{margin-bottom:4px}.q-diff-heading p{margin:0}.q-diff-delta{font-size:22px;white-space:nowrap}.q-diff-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.q-diff-stats span{padding:6px 12px;background:#f2f5ee;border-radius:6px;font-size:14px}.q-diff-stats b{margin-left:6px}.q-diff-scroll{overflow:auto;max-height:520px}.q-diff-scroll table{min-width:720px}.q-diff-scroll th{position:sticky;top:0;z-index:1}.q-diff-scroll td{vertical-align:top}.q-diff-scroll td:nth-child(2){min-width:130px}.q-change-kind{font-size:14px;white-space:nowrap;display:inline-block;padding:4px 8px;border-radius:5px;background:#f1f4f5;color:#3b535d}.q-change-kind.added{background:#e7f4ee;color:#21664b}.q-change-kind.removed{background:#faedea;color:#933e31}.q-change-kind.changed{background:#fff2d6;color:#795621}.q-field-change{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.q-field-change>span:first-child{min-width:90px;color:#5c665f}.q-field-change del{color:#7c4d46;text-decoration:none;background:#fff3ef;padding:0 4px}.q-field-change ins{color:#26523e;text-decoration:none;background:#edf6ef;padding:0 4px}.q-diff-money{min-width:150px;white-space:nowrap;font-variant-numeric:tabular-nums}.q-diff-money strong{font-size:13px;font-weight:500}.q-diff-other{border-top:1px solid #dce1d8;padding-top:16px;margin-top:16px}.q-diff-empty{color:#59665e}.table-scroll{overflow:auto}.design-switch{display:flex;align-items:center;gap:12px}.design-switch button{padding:7px 12px;min-height:36px;font-size:13px}.studio-only{display:none}
.studio-ui{--bg:#f4f6f8;--surface:#fff;--ink:#182b31;--muted:#5e6d74;--border:#dce3e6;--accent:#126955;--sage:#e4f2eb;--danger:#a13932;--radius:12px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;scroll-padding-bottom:160px}
.studio-ui .studio-only{display:block}.studio-ui body{background:var(--bg)}.studio-ui .shell{grid-template-columns:224px minmax(0,1fr)}.studio-ui .sidebar{background:#fff;color:var(--ink);border-right:1px solid var(--border);padding:30px 16px 22px;gap:0;z-index:8}.studio-ui .brand{font-size:29px;font-weight:700;letter-spacing:-1.2px;color:var(--ink);margin:0 14px}.studio-ui .brand-sub{font-size:12px;color:var(--muted);letter-spacing:2px;margin:4px 14px 32px}.studio-ui .nav-label{display:none}.studio-nav-group{margin-bottom:24px}.studio-nav-label{font-size:12px;font-weight:600;color:#718088;letter-spacing:1.2px;margin:0 14px 9px}.studio-ui .nav-button{border-radius:7px;min-height:46px;padding:12px 14px;color:#475b63;font-size:14px;gap:12px;margin:4px 0}.studio-ui .nav-button svg{width:19px;height:19px;flex-shrink:0}.studio-ui .nav-button:hover{background:#f0f4f5}.studio-ui .nav-button.active{background:#e8f3ed;color:#125a47;box-shadow:inset 3px 0 #126955;font-weight:650}.studio-ui .nav-button:disabled{opacity:.55}.studio-ui .sidebar-footer{color:#617078;border-color:var(--border);font-size:12px;padding:20px 14px 0}.studio-ui .sidebar-footer .quiet{color:#475b63;font-size:13px}.studio-ui .main{padding:0 36px 44px;max-width:2000px;width:100%;margin:auto}.studio-ui .topbar{min-height:76px;padding:18px 0;font-size:13px}.studio-ui .topbar strong{font-weight:600}.studio-ui .user-badge{background:#fff;border:1px solid var(--border);border-radius:7px;color:#415960;font-size:12px;padding:7px 12px;white-space:nowrap}.studio-ui .design-switch button{background:transparent;color:#596b71;border:0}.studio-ui .page-head{margin:30px 0 22px;align-items:center}.studio-ui .page-head h1{font-size:27px;font-weight:650;letter-spacing:-.5px}.studio-ui .page-head p{font-size:14px;margin-top:6px}.studio-ui button{border-radius:7px;padding:10px 16px;font-size:14px;min-height:44px;font-weight:500;transition:background-color .18s,border-color .18s,box-shadow .18s}.studio-ui button:hover{background:#f0f5f3;border-color:#a9bdb6}.studio-ui .primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 2px 3px #123b2210}.studio-ui .primary:hover{background:#0d5444}.studio-ui button:active{box-shadow:inset 0 1px 3px #15282316}.studio-ui :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #3c927e;outline-offset:3px}.studio-ui input:focus,.studio-ui select:focus,.studio-ui textarea:focus{outline:2px solid #3c927e;outline-offset:1px}.studio-ui :is(input,select,textarea){border-color:#c9d3d8;border-radius:7px;min-height:44px;background:#fff;padding:10px 12px;line-height:1.5}.studio-ui label{font-size:14px}.studio-ui .card{padding:24px;border-color:var(--border);box-shadow:0 2px 5px #172d3503}.studio-ui .card h2{font-size:16px;font-weight:650}.studio-ui .card-head{margin-bottom:20px}.studio-ui .small{font-size:13px;color:var(--muted)}.studio-ui .notice{background:#edf6f2;border-color:#cce2d9;color:#355f51}.studio-ui .error{background:#fff1ee;border-color:#edc6bf;color:#963e32}.studio-ui .demo-notice{background:#fff8e7;border-color:#d8be85;color:#73591e;font-size:13px;margin-top:16px}.studio-ui .footer-note{font-size:12px;margin-top:26px;color:#66777e}.studio-ui .filters,.studio-ui .quote-filters{padding:14px;background:#fff;border:1px solid var(--border);border-radius:10px;gap:12px}.studio-ui :is(.filters,.quote-filters) input{background:#f8fafb}.studio-ui .quote-filters input{max-width:480px}.studio-ui table{font-size:14px}.studio-ui :is(th,td){padding:16px;line-height:1.6}.studio-ui th{font-size:12px;font-weight:600;color:#61727a;background:#f7f9fa;border-bottom:1px solid var(--border)}.studio-ui td{border-color:#e9edef}.studio-ui tbody tr:hover{background:#f7faf9}.studio-ui .table-wrap{border-color:var(--border);border-radius:10px}.studio-ui .table-name{font-weight:600}.studio-ui .table-meta{font-size:12px;margin-top:5px}.studio-ui .badge,.studio-ui .quote-status{font-size:12px;border-radius:5px;padding:5px 9px;line-height:1.5;background:#edf3f3;color:#3a6164}.studio-ui .badge.neutral{background:#f0f2f4;color:#5b6870}.studio-ui .quote-status.pending{background:#fff3d9;color:#845d15}.studio-ui .quote-status.approved{background:#e6f3eb;color:#21664b}.studio-ui .kpis{grid-template-columns:1.3fr 1fr 1fr;gap:18px}.studio-ui .kpi{padding:26px;border-radius:12px;border-color:var(--border)}.studio-ui .kpi.hero{background:#173e38;border-color:#173e38;color:#fff}.studio-ui .kpi-label{font-size:13px}.studio-ui .kpi-value{font-size:32px;font-weight:600;letter-spacing:-.6px}.studio-ui .hero .small,.studio-ui .hero .kpi-label{color:#d3e5db}.studio-ui .hero .progress{background:#3a5f55}.studio-ui .hero .progress>span{background:#b3d9bc}.studio-ui .mini-stats{gap:0;border-color:var(--border);border-radius:10px}.studio-ui .mini-stat{padding:16px 24px;background:#fff;border-right:1px solid var(--border);display:flex;align-items:center;gap:18px}.studio-ui .mini-stat:last-child{border:0}.studio-ui .mini-stat strong{font-size:27px;font-weight:600}.studio-ui .mini-stat span{font-size:13px}.studio-ui .bar{background:#8cb9a3;border-radius:4px 4px 0 0}.studio-ui .bar-group span{font-size:12px}.studio-ui .chart{border-bottom:1px solid var(--border);margin-bottom:14px}.studio-ui .metric-row{border-color:#e8edef;font-size:14px}.studio-ui .project-cards{gap:18px}.studio-ui .project-cards .card{border-top:3px solid #94b8a8}.studio-ui .project-cards .actions{padding-top:18px;border-top:1px solid var(--border);margin-top:20px}.studio-ui .project-cards .actions button{width:100%}.studio-ui .detail-grid{gap:20px}.studio-ui .facts{font-size:14px;line-height:1.75}.studio-ui .detail-copy{font-size:14px;color:#43585f}.studio-ui .record{border-color:var(--border)}.studio-ui .inbox-intro{font-size:14px}.studio-ui .inbox-excerpt{max-width:320px;font-size:13px}.studio-ui .inbox-note{min-height:100px;background:#f8fafb;border-radius:8px;padding:18px}.studio-ui .contact-call{background:var(--accent);font-size:14px;border-radius:7px}.studio-ui .inbox-phone{font-size:28px;letter-spacing:.5px}.studio-ui .booking-editor{background:#f8fafb;border:1px solid var(--border);border-radius:10px;padding:22px}.studio-ui .booking-fields{gap:20px}.studio-ui .booking-editor .actions{padding-top:8px}.studio-ui .drawer{border:1px solid var(--border);border-radius:14px;width:min(640px,calc(100vw - 32px));box-shadow:0 24px 90px #172d3540}.studio-ui .drawer::backdrop{background:#172a36;opacity:.42}.studio-ui .drawer-head{padding:22px 28px}.studio-ui .drawer-head h2{font-size:21px;font-weight:650}.studio-ui .drawer-body{padding:26px 28px}.studio-ui .drawer-footer{background:#fafcfc;padding:18px 28px}.studio-ui .form-field{margin-bottom:22px}.studio-ui .form-field:last-child{margin-bottom:0}.studio-ui .progress-current{font-size:30px;letter-spacing:-.5px}.studio-ui .project-stages{gap:8px}.studio-ui .project-stages li{font-size:13px;border-radius:6px;padding:9px 14px;border-color:var(--border);background:#f7f9fa}.studio-ui .project-stages li.current{background:var(--accent);color:#fff}.studio-ui .project-stages li.done{background:#e8f2ec;color:#315c45}.studio-ui .workflow-detail summary{font-size:14px}.studio-ui summary{cursor:pointer;min-height:36px;padding:4px 0}.studio-ui .progress-optional{border-top:1px solid var(--border);padding-top:16px}.studio-ui .progress-optional summary{font-size:14px;color:#526b64}.studio-ui .progress-optional .form-field{margin-top:14px}.studio-ui .quote-product-form{max-width:none}.studio-ui .quote-fields{gap:20px}.studio-ui .q-meta{padding:22px}.studio-ui .q-meta h2{margin-bottom:18px}.studio-ui .q-meta .quote-fields{gap:18px}.studio-ui .q-work-grid{grid-template-columns:160px minmax(0,1fr);gap:16px}.studio-ui .q-rooms{padding:12px}.studio-ui .q-rooms header{padding:0 4px 8px}.studio-ui .q-room{padding:13px 12px;border-radius:6px;background:#f5f8f9;gap:6px;min-height:65px}.studio-ui .q-room.active{background:#e8f3ed;color:#125a47;border-color:#9fc1af}.studio-ui .q-room small{font-size:12px}.studio-ui .q-room-tools button{font-size:12px;padding:5px;min-height:36px}.studio-ui .q-lines{padding:0}.studio-ui .q-lines>header{padding:20px}.studio-ui .q-dense-table{font-size:14px}.studio-ui .q-dense-table th{background:#eff4f3;color:#44615c;min-height:44px}.studio-ui .q-dense-table td{padding:10px 6px}.studio-ui .q-dense-table input{min-height:40px}.studio-ui .q-toolbar{gap:8px}.studio-ui .q-toolbar button{font-size:13px;min-height:40px;padding:8px 12px}.studio-ui .q-row-actions button{min-height:36px}.studio-ui .q-cost-bar{box-shadow:0 -4px 18px #1c36300a;border-color:#cedcd6;border-radius:10px;padding:16px 20px}.studio-ui .q-grand strong{color:#174b3e;font-size:25px}.studio-ui .q-modal{border-radius:14px;padding:28px;box-shadow:0 24px 80px #172d3530}.studio-ui .q-modal-shade{background:#172a3670}.studio-ui .q-diff-stats span{background:#f1f6f3}.studio-ui .q-diff-heading h2{font-size:18px}.studio-ui .q-diff-delta{color:#174b3e;font-size:24px}.studio-ui .q-comparison{border-top:3px solid #92b9a8}.studio-ui .q-document-wrap{border-radius:10px;padding:24px}.studio-ui .q-document :is(th,td){font-size:12px;padding:9px 5px;background:#fff;color:#111;border-color:#222}.studio-ui .login-layout{grid-template-columns:1fr 440px;max-width:1080px;gap:80px;margin:70px auto;align-items:center}.studio-ui .login-intro h1{font-size:42px;font-weight:600;line-height:1.5;letter-spacing:-1px;margin:24px 0}.studio-ui .eyebrow{font-size:12px;letter-spacing:3px}.studio-ui .login-intro p{font-size:16px;line-height:1.9}.studio-ui .steps{gap:22px;margin-top:36px}.studio-ui .step span{border-radius:7px;background:#e5eeeb;color:#305c4c;font-size:12px;width:30px;height:30px}.studio-ui .step div{font-size:14px}.studio-ui .step small{font-size:12px;margin-top:4px}.studio-ui .login-card{padding:32px;box-shadow:0 12px 40px #203c3007}.studio-ui .login-card h2{font-size:23px}.studio-ui .login-qr{border:1px solid var(--border);padding:12px;border-radius:10px;width:240px}.studio-ui .qr-area{margin:24px 0}.studio-ui .qr-area p{font-size:13px}.studio-ui .code-fallback{border-color:var(--border)}.studio-ui .login-shell{display:block}.studio-ui .login-shell>.sidebar{display:none}.studio-ui .login-shell>.main{max-width:1280px}.studio-ui .login-shell .topbar>span:first-child{font-family:Georgia,serif;font-size:22px;color:#1c3d35}.studio-ui .login-shell .topbar strong{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-size:13px;margin-left:12px}.studio-ui .q-diff-scroll{scroll-padding-top:50px}.studio-ui input,.studio-ui button,.studio-ui select,.studio-ui textarea{scroll-margin-top:90px;scroll-margin-bottom:170px}
@media(min-width:1600px){.studio-ui .main{padding-left:48px;padding-right:48px}.studio-ui .page-head{margin-top:36px}}
@media(max-width:1100px){.studio-ui .shell{grid-template-columns:194px minmax(0,1fr)}.studio-ui .main{padding:0 24px 32px}.studio-ui .brand{font-size:25px}.studio-ui .kpis{grid-template-columns:1fr 1fr}.studio-ui .kpi.hero{grid-column:1/-1}.studio-ui .mini-stat{flex-direction:column;gap:3px;align-items:start;padding:16px}.studio-ui .login-layout{gap:40px;grid-template-columns:1fr 390px}.studio-ui .login-intro h1{font-size:32px}.studio-ui .q-meta .quote-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-ui .login-shell{display:block}}
@media(max-width:800px){.studio-ui .login-layout{grid-template-columns:1fr;margin:32px auto;max-width:500px;gap:24px}.studio-ui .login-intro{padding:0}.studio-ui .login-intro h1{font-size:29px;margin:14px 0}.studio-ui .login-intro .steps{display:none}.studio-ui .q-diff-heading{flex-direction:column;gap:12px}.studio-ui .design-switch{gap:4px}.studio-ui .design-switch button{font-size:12px;padding:5px}.studio-ui .q-work-grid{grid-template-columns:1fr}.studio-ui .q-rooms{position:static}.studio-ui .q-room{display:inline-flex;width:auto;margin:8px 8px 0 0;min-width:125px}.studio-ui .q-room-tools{margin-top:12px}.studio-ui .q-meta .quote-fields{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.studio-ui .shell{display:block}.studio-ui .sidebar{position:static;height:auto;padding:16px 18px 8px;border-right:0;border-bottom:1px solid var(--border)}.studio-ui .brand{margin:0;font-size:25px}.studio-ui .side-nav{gap:6px;margin-top:12px}.studio-ui .studio-nav-group{display:contents}.studio-ui .studio-nav-label{display:none}.studio-ui .nav-button{font-size:13px;padding:10px 12px;min-height:44px;margin:0}.studio-ui .nav-button svg{width:16px;height:16px}.studio-ui .main{padding:0 16px 32px}.studio-ui .topbar{min-height:62px;padding:12px 0;gap:8px}.studio-ui .user-badge{font-size:11px;padding:5px 7px}.studio-ui .page-head{align-items:start;gap:16px;margin-top:24px}.studio-ui .page-head h1{font-size:25px}.studio-ui .head-actions{width:100%;gap:8px}.studio-ui .page-head p{font-size:13px}.studio-ui .card{padding:20px}.studio-ui .kpi{padding:20px}.studio-ui .kpi-value{font-size:26px}.studio-ui .filters{flex-wrap:wrap}.studio-ui .q-meta .quote-fields{grid-template-columns:1fr}.studio-ui .q-lines{padding:0}.studio-ui .q-diff-stats{gap:8px}.studio-ui .q-diff-stats span{font-size:12px;padding:6px 9px}.studio-ui .q-cost-bar{padding:14px;gap:14px}.studio-ui .q-grand strong{font-size:22px}.studio-ui .drawer-body,.studio-ui .drawer-head,.studio-ui .drawer-footer{padding:20px}.studio-ui .drawer-head h2{font-size:20px}.studio-ui .q-modal{padding:20px}.studio-ui .q-diff-delta{font-size:21px}.studio-ui .login-card{padding:26px}.studio-ui .login-shell .topbar>span:first-child{font-size:19px}.studio-ui .login-shell .topbar strong{display:none}.studio-ui :is(input,textarea,select){font-size:16px}.studio-ui .quote-fields label,.studio-ui #quote-form label{font-size:14px!important}.studio-ui .quote-fields input{font-size:16px!important}.studio-ui .q-document-wrap{padding:14px}.studio-ui .login-intro p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.studio-ui *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.q-modal{border:1px solid #dce3e6}.q-modal::backdrop{background:#172a3670}.studio-ui dialog.q-modal{width:min(1000px,calc(100vw - 32px))}.studio-ui .drawer-body:has(.form-field:nth-of-type(5)){display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.studio-ui .drawer-body>.form-notice,.studio-ui .drawer-body>.error,.studio-ui .drawer-body>.form-wide,.studio-ui .drawer-body>.progress-optional{grid-column:1/-1}@media(max-width:680px){.studio-ui .drawer-body:has(.form-field:nth-of-type(5)){grid-template-columns:1fr}}

.q-diff-quick{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:16px 20px;margin-bottom:18px;border:1px solid #caddd0;background:#edf6ef;color:#26523e;border-radius:10px;text-decoration:none;font-size:14px}.q-diff-quick b{font-weight:500;margin-left:12px}.q-diff-quick:hover{background:#e4f1e8}#quote-live-comparison{scroll-margin-top:24px}