@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{color-scheme:light;--bg:#f7f5f1;--surface:#fff;--surface-sunk:#f2efe9;--line:#e5e0d6;--line-soft:#efebe3;--text:#26211a;--text-muted:#6f6555;--text-faint:#9a9183;--accent:#2c3a56;--accent-hover:#223049;--accent-wash:#eceef4;--brass:#96742f;--brass-wash:#f7f2e6;--danger:#8c2b2f;--danger-wash:#fbeff0;--ok:#2f7a55;--warn:#9a6b12;--on-accent:#fff;--radius:11px;--radius-sm:8px;--radius-pill:999px;--shadow:0 1px 1px #26211a0a, 0 2px 6px #26211a0d;--shadow-lift:0 1px 2px #26211a0d, 0 8px 24px -6px #26211a21;--ease:.2s cubic-bezier(.2,.7,.3,1);--font:Poppins, system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}h1,h2,h3,p,figure{margin:0}a{color:var(--brass);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}.bare{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.app-shell{grid-template-rows:56px 1fr;grid-template-columns:232px 1fr;min-height:100dvh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;grid-area:1/1/3;gap:2px;padding:22px 14px;display:flex}.sidebar .brand{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:7px;margin-bottom:14px;padding:2px 12px 18px;display:flex}.sidebar .brand img{width:152px;max-width:100%;height:auto;display:block}.sidebar .brand span{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-size:10.5px;font-weight:600}.sidebar nav{flex-direction:column;gap:2px;display:flex}.sidebar a{border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--ease), color var(--ease);padding:10px 14px;font-size:14px;font-weight:500;display:block}.sidebar a:hover{background:var(--surface-sunk);color:var(--text);text-decoration:none}.sidebar a[hidden]{display:none}.sidebar a[aria-current=page]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);font-weight:600}.sidebar a[aria-current=page]:hover{background:var(--accent-hover);color:var(--on-accent)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4);grid-area:1/2;justify-content:flex-end;align-items:center;gap:16px;min-width:0;padding:0 28px;display:flex}.topbar .account{color:var(--text-muted);font-size:13px}.content{grid-area:2/2;width:100%;min-width:0;max-width:1040px;padding:28px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.top h1{letter-spacing:-.02em;font-size:24px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--ease), border-color var(--ease);margin-bottom:14px;padding:20px}.card h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px;font-size:13px;font-weight:600}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;transition:background var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lift)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--on-accent)}.btn[disabled]{opacity:.6;cursor:default}label{color:var(--text-muted);margin-bottom:6px;font-size:13px;display:block}input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;min-width:0;min-height:44px;font:inherit;background:var(--surface-sunk);transition:background var(--ease), border-color var(--ease), box-shadow var(--ease);color:var(--text);padding:10px 13px}textarea{min-height:88px}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{margin-bottom:12px}.rug{border:1px dashed var(--line);border-radius:var(--radius);margin-bottom:12px;padding:12px}.line{align-items:center;gap:8px;margin-bottom:8px;display:flex}.line .l-desc{flex:1;min-width:0}.line .l-price{flex:none;width:96px}.line .rm-line{flex:none;width:44px;min-height:44px;padding:0}.photos{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.photos figure{margin:0}.photos img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}.photos input{min-height:36px;margin-top:4px;font-size:13px}.list{flex-direction:column;gap:8px;display:flex}.list a{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;padding:14px 16px;display:flex}.list a .job-number{font-weight:600}.list a .job-meta{color:var(--text-muted);min-width:0}.list a .job-status{white-space:nowrap;align-items:center;gap:10px;display:flex}.pill{background:var(--accent-wash);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px}.pill.pending{background:var(--brass-wash);color:var(--brass)}.pill.ready{background:var(--surface-sunk);color:var(--ok)}.pill.failed{background:var(--danger-wash);color:var(--danger)}.msg{background:var(--brass-wash);color:var(--brass);border-radius:8px;margin-bottom:12px;padding:12px 14px}.msg.err{background:var(--danger-wash);color:var(--danger)}.note{background:var(--surface-sunk);border-left:3px solid var(--brass);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-muted);margin-bottom:14px;padding:12px 14px;font-size:13px}.note b{color:var(--text);font-weight:600}.tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.tile{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px}.tile .k{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:11px;font-weight:600}.tile .v{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:24px;font-weight:600}.tile .d{color:var(--text-muted);margin-top:3px;font-size:11.5px}.tile.empty .v{color:var(--text-muted);margin-top:8px;font-size:13px;font-weight:500;line-height:1.4}.chart-list{flex-direction:column;gap:10px;display:flex}.chart-row{grid-template-columns:96px 1fr auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.chart-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-bar-wrap{background:var(--surface-sunk);border-radius:var(--radius-pill);height:10px;overflow:hidden}.chart-bar{background:var(--accent);border-radius:var(--radius-pill);height:100%;display:block}.chart-count{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}@media (width<=480px){.chart-row{grid-template-columns:76px 1fr auto}}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:13.5px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:10.5px;font-weight:600}td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-sunk)}td.money,th.money{text-align:right;font-variant-numeric:tabular-nums}.kanwrap{padding-bottom:4px;position:relative;overflow-x:auto}.kan{grid-auto-columns:minmax(230px,1fr);grid-auto-flow:column;align-items:start;gap:12px;display:grid}.kan-col{background:var(--surface-sunk);border-radius:var(--radius);flex-direction:column;gap:9px;min-width:0;padding:10px;display:flex}.kan-col.drop-target{outline:2px dashed var(--accent);outline-offset:-2px}.kan-colhead{justify-content:space-between;align-items:baseline;padding:3px 5px 2px;display:flex}.kan-colhead b{font-size:13px;font-weight:600}.kan-colhead span{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.kan-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow);cursor:grab;padding:11px 12px}.kan-card:active{cursor:grabbing}.kan-card.dragging{opacity:.5}.kan-card .n{color:var(--brass);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.kan-card .t{margin-top:3px;font-size:13.5px;font-weight:500}.kan-card .m{justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;display:flex}.kan-card .m b{font-variant-numeric:tabular-nums}.kan-card .src{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--text-faint);padding:2px 7px;font-size:9.5px;font-weight:600}.kan-card select.move{width:100%;min-height:34px;margin-top:9px;padding:5px 8px;font-size:12px}.kan-empty{text-align:center;color:var(--text-faint);padding:18px 10px;font-size:12px}.feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feed li{border-bottom:1px solid var(--line-soft);gap:11px;padding:12px 0;font-size:13px;display:flex}.feed li:last-child{border-bottom:0}.feed .dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.feed .dot.ok{background:var(--ok)}.feed .dot.brass{background:var(--brass)}.feed .body{flex:1;min-width:0}.feed time{color:var(--text-faint);white-space:nowrap;font-size:11px}.two{grid-template-columns:1.5fr 1fr;align-items:start;gap:14px;display:grid}@media (width<=900px){.two{grid-template-columns:1fr}}.kv-list{flex-direction:column;gap:12px;display:flex}.kv-list .kv span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:2px;font-size:10.5px;font-weight:600;display:block}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state h3{color:var(--text);margin-bottom:6px;font-size:15px}.empty-state p{max-width:46ch;margin:0 auto;font-size:13px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}@media (width<=760px){.app-shell{grid-template-rows:56px 1fr;grid-template-columns:1fr}.sidebar{grid-row:unset;grid-column:unset;border-right:none;border-top:1px solid var(--line);z-index:10;-webkit-overflow-scrolling:touch;flex-direction:row;justify-content:space-around;align-items:center;padding:6px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.sidebar .brand{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;width:100%}.sidebar a{text-align:center;white-space:nowrap;border-top:2px solid #0000;border-left:none;flex:none;font-size:12.5px}.sidebar a[aria-current=page]{border-left-color:#0000;border-top-color:var(--accent)}.topbar{grid-column:1}.content{grid-column:1;max-width:100%;padding:16px 16px 84px}.row{grid-template-columns:1fr}}.photo-acts{gap:6px;margin-top:5px;display:flex}.photo-acts .btn{flex:1;min-height:44px;padding:0 10px;font-size:13px}.annot{z-index:100;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.annot-bar{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.annot-cap{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.annot-stage{background:var(--surface-sunk);flex:1;place-items:center;min-height:0;padding:14px;display:grid}.annot-canvas{border-radius:var(--radius-sm);touch-action:none;cursor:crosshair;max-width:100%;max-height:100%;box-shadow:var(--shadow-lift)}.annot-foot{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 14px 18px;display:flex}.annot-hint{color:var(--text-muted);font-size:13px}.annot-size{gap:8px;display:flex}.annot-size .btn{min-height:44px}.annot-size .btn:first-child,.annot-size .btn:nth-child(2){flex:none;width:56px;font-size:19px}.annot-size .btn:last-child{flex:1}.thread-list{gap:0}.thread-empty{padding:28px 22px}.thread-empty h3{margin-bottom:6px;font-size:15px;font-weight:600}.thread-empty p{color:var(--text-muted);max-width:62ch;font-size:13px;line-height:1.55}.thread-row{border-bottom:1px solid var(--line-soft);color:inherit;grid-template-columns:minmax(0,15rem) minmax(0,1fr) auto;align-items:baseline;gap:14px;padding:13px 16px;display:grid}.thread-row:last-child{border-bottom:none}.thread-row:hover{background:var(--surface-sunk);text-decoration:none}.thread-who{flex-direction:column;gap:2px;min-width:0;display:flex}.thread-who b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.thread-subject{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.thread-snippet{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.thread-meta{white-space:nowrap;color:var(--text-faint);align-items:center;gap:10px;font-size:12px;display:flex}.thread-count{font-variant-numeric:tabular-nums}.thread{flex-direction:column;gap:12px;display:flex}.bubble{border-radius:var(--radius);max-width:46rem;padding:11px 14px}.bubble.in{background:var(--surface-sunk);align-self:flex-start}.bubble.out{background:var(--accent-wash);align-self:flex-end}.bubble-head{color:var(--text-faint);justify-content:space-between;gap:14px;margin-bottom:5px;font-size:11.5px;display:flex}.bubble-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.55}@media (width<=720px){.thread-row{grid-template-columns:1fr;gap:5px}.thread-snippet{white-space:normal}.bubble{max-width:100%}}.seq-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.seq-head h2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.seq-trigger{color:var(--text-muted);margin-top:3px;font-size:13px}.seq-actions{flex-wrap:wrap;gap:8px;display:flex}.seq-steps{flex-wrap:wrap;align-items:center;gap:7px;margin:13px 0 9px;display:flex}.step-chip{border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--text);white-space:nowrap;padding:4px 10px;font-size:12px}.step-arrow{color:var(--text-faint);font-size:12px}.seq-note{color:var(--text-muted);font-size:12.5px}.seq-enrolments{margin-top:13px}.seq-enrolments[hidden]{display:none}.seq-example{border-radius:var(--radius);background:var(--surface-sunk);color:var(--text-muted);white-space:pre;margin-top:12px;padding:13px 15px;font-size:12px;line-height:1.5;overflow-x:auto}.grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 12px;display:flex}.card-head h2{margin:0}.muted{color:var(--text-muted);margin:0;font-size:13px}.dash{color:var(--text-faint);cursor:help}.month-picker{width:auto;min-height:38px;padding:6px 10px}.err-list{margin:8px 0 0 18px;font-size:12.5px}.err-list li{margin-bottom:3px}code{background:var(--surface-sunk);border-radius:4px;padding:1px 5px;font-size:12px}@media (width<=860px){.grid-2{grid-template-columns:1fr}}.tile.alert{border-color:var(--danger);background:var(--danger-wash)}.tile.alert .k,.tile.alert .v,.tile.alert .d{color:var(--danger)}[hidden]{display:none!important}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.filters>*{flex:150px}.filters input[type=search]{flex:2 220px}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.top .actions{flex:0 auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--brass-wash);color:var(--brass);align-items:center;gap:4px;max-width:100%;padding:3px 10px;font-size:12px;display:inline-flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip button{color:inherit;cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;min-width:28px;min-height:28px;margin:-4px -8px -4px 0;font-size:15px;line-height:1}.chip button:hover{background:color-mix(in srgb, var(--brass) 14%, transparent)}.tag-entry{gap:8px;margin-top:8px;display:flex}.tag-entry input{flex:1}.check{color:var(--text);cursor:pointer;align-items:center;gap:7px;margin:0;font-size:13.5px;display:inline-flex}.check input{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--accent);margin:0}dialog.sheet{border-radius:var(--radius);box-shadow:var(--shadow-lift);background:var(--surface);width:min(520px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border:0;padding:0}dialog.sheet::backdrop,dialog.drawer::backdrop{background:#26211a52}.sheet-body{padding:20px;overflow-y:auto}.sheet-body h2{letter-spacing:-.01em;margin-bottom:14px;font-size:17px;font-weight:600}.sheet-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:6px;display:flex}dialog.drawer{background:var(--surface);width:min(420px,100vw);height:100dvh;max-height:100dvh;color:var(--text);box-shadow:var(--shadow-lift);border:0;border-left:1px solid var(--line);margin:0 0 0 auto;padding:0}.pick-list{border:1px solid var(--line-soft);border-radius:var(--radius-sm);flex-direction:column;max-height:240px;margin:4px 0 12px;display:flex;overflow-y:auto}.pick-list:empty{display:none}.pick-list button{text-align:left;border:0;border-bottom:1px solid var(--line-soft);background:var(--surface);cursor:pointer;min-height:44px;color:var(--text);padding:10px 12px}.pick-list button:last-child{border-bottom:0}.pick-list button:hover,.pick-list button[aria-pressed=true]{background:var(--accent-wash)}.pick-list small{color:var(--text-muted);overflow-wrap:anywhere;font-size:12px;display:block}.pill.won{background:var(--surface-sunk);color:var(--ok)}.pill.lost{background:var(--danger-wash);color:var(--danger)}.kan-card .t button{all:unset;cursor:pointer;font-weight:500}.kan-card .t button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px;border-radius:4px}.kan-card .st{margin-top:6px}select.status-pick{border-radius:var(--radius-pill);background-color:var(--accent-wash);width:auto;min-height:38px;color:var(--accent);border-color:#0000;padding:6px 30px 6px 12px;font-size:13px}.pill.status{background:var(--surface-sunk);color:var(--text-muted)}.subnav{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.subnav a{border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-sunk);padding:8px 14px;font-size:13.5px;font-weight:500}.subnav a[aria-current=page]{background:var(--accent);color:var(--on-accent)}.subnav a:hover{text-decoration:none}.stage-list{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.stage-row{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px;display:grid}.stage-row .stage-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 12px;display:flex}.stage-row .btn{min-width:44px;padding:0 12px}.stage-row .count{color:var(--text-faint);white-space:nowrap;font-size:12px}.inline-name{gap:8px;margin-bottom:12px;display:flex}.inline-name input{flex:1}@media (width<=760px){.stage-row{grid-template-columns:1fr}.stage-row .stage-controls{justify-content:flex-start}}dialog.drawer .card-head{flex-wrap:nowrap}dialog.drawer .card-head h2{overflow-wrap:anywhere;min-width:0}td .pill{white-space:nowrap}.member-list{flex-direction:column;gap:8px;display:flex}.member-row{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 12px;display:grid}.member-row .who{flex-direction:column;gap:2px;min-width:0;display:flex}.member-row .who b{overflow-wrap:anywhere;font-weight:600}.member-row .who small{color:var(--text-muted);overflow-wrap:anywhere;font-size:12.5px}.member-row .who .chips{margin-top:4px}.member-row .you{color:var(--text-faint);font-weight:400}.member-controls{justify-content:flex-end;align-items:center;gap:8px;display:flex}.member-controls select{width:auto;min-height:40px}@media (width<=760px){.member-row{grid-template-columns:1fr}.member-controls{justify-content:flex-start}}.copy-row{gap:8px;display:flex}.copy-row input{flex:1;min-width:0}fieldset.account-pick{border:0;min-width:0;margin:0 0 12px;padding:0}fieldset.account-pick legend{color:var(--text-muted);margin-bottom:8px;padding:0;font-size:13px}.account-pick .check{border:1px solid var(--line-soft);border-radius:var(--radius-sm);min-height:44px;margin-bottom:6px;padding:10px 12px;display:flex}.account-pick .check small{color:var(--text-faint);margin-left:auto;font-size:12px}.field>small.muted{margin-top:4px;font-size:12px;display:block}.field-edit .who .field{margin-bottom:8px}.member-controls .move{min-width:40px;padding:0 10px}.bubble.draft{background:var(--brass-wash);border:1px dashed var(--brass);align-self:stretch;max-width:none}.bubble.draft .draft-label{color:var(--brass);font-weight:600}.bubble.draft textarea{background:var(--surface);margin-top:2px}.draft-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}details.bubble.discarded{border:1px dashed var(--line);color:var(--text-faint);background:0 0;padding:8px 14px;font-size:12.5px}details.bubble.discarded summary{cursor:pointer}details.bubble.discarded .bubble-body{color:var(--text-muted);margin-top:6px;text-decoration:line-through}.top .drafts-waiting{margin-right:auto}html:not([data-phone=on]) [data-phone-only]{display:none!important}html[data-phone=on] .content:not(.wide){padding-bottom:96px}@media (width<=760px){html[data-phone=on] .content:not(.wide){padding-bottom:144px}}.btn svg,.icon-btn svg{flex:none}.phone{z-index:40;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:20px;right:20px}.phone>*{pointer-events:auto}.ph-fab{border-radius:var(--radius-pill);cursor:pointer;background:var(--accent);min-width:56px;height:56px;color:var(--on-accent);box-shadow:var(--shadow-lift);transition:background var(--ease), transform var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 17px;display:inline-flex}.ph-fab:hover{background:var(--accent-hover)}.ph-fab:active{transform:translateY(1px)}.ph-fab.on-call{background:var(--ok)}.ph-fab-timer{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.ph-panel{background:var(--surface);border:1px solid var(--line-soft);width:300px;max-height:calc(100dvh - 120px);box-shadow:var(--shadow-lift);border-radius:16px;overflow-y:auto}.ph-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:10px 10px 10px 16px;font-size:14px;font-weight:600;display:flex}.ph-head span{margin-right:auto}.ph-head select{width:auto;min-height:34px;padding:4px 8px;font-size:12.5px}.ph-min{border-radius:var(--radius-pill);cursor:pointer;width:36px;height:36px;color:var(--text-muted);background:0 0;border:0;font-size:20px}.ph-min:hover{background:var(--surface-sunk)}.ph-body{padding:14px 18px 18px}#ph-number{text-align:center;letter-spacing:.02em;font-variant-numeric:tabular-nums;background:0 0;border-color:#0000;font-size:22px}#ph-number:focus{border-color:var(--line)}.ph-status{min-height:20px;color:var(--text-muted);text-align:center;margin:4px 0 8px;font-size:12.5px}.ph-keys{grid-template-columns:repeat(3,1fr);justify-items:center;gap:10px;display:grid}.ph-keys button{cursor:pointer;background:var(--surface-sunk);width:62px;height:62px;color:var(--text);transition:background var(--ease);border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.ph-keys button:hover{background:var(--line-soft)}.ph-keys button:active{background:var(--accent-wash)}.ph-keys span{font-size:24px;font-weight:500}.ph-keys small{letter-spacing:.12em;color:var(--text-faint);min-height:9px;margin-top:3px;font-size:9px}.ph-foot{grid-template-columns:1fr auto 1fr;place-items:center;margin-top:14px;display:grid}.ph-call,.ph-hangup{cursor:pointer;width:62px;height:62px;color:var(--on-accent);box-shadow:var(--shadow-lift);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.ph-call{background:var(--ok)}.ph-hangup{background:var(--danger)}.ph-back{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-pill);background:0 0;border:0;width:44px;height:44px;font-size:20px}.ph-back:hover{background:var(--surface-sunk)}.ph-who{text-align:center;padding-top:6px}.ph-who b{overflow-wrap:anywhere;font-size:19px;font-weight:600;display:block}.ph-who span{color:var(--text-muted);font-size:13px}.ph-timer{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.02em;margin-bottom:12px;font-size:28px;font-weight:500}.ph-tools{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.ph-tools button{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);cursor:pointer;min-height:40px;color:var(--text);padding:0 16px;font-size:13px}.ph-tools button[aria-pressed=true]{background:var(--accent-wash);color:var(--accent);border-color:#0000;font-weight:600}.ph-incoming{background:var(--surface);width:320px;box-shadow:var(--shadow-lift);border:1px solid var(--brass);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:12px 14px;padding:16px;display:grid}.ph-in-icon{background:var(--brass-wash);width:44px;height:44px;color:var(--brass);border-radius:50%;justify-content:center;align-items:center;animation:1.4s ease-out infinite ph-ring;display:inline-flex}@keyframes ph-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brass) 45%, transparent)}to{box-shadow:0 0 0 14px #0000}}.ph-in-text{flex-direction:column;min-width:0;display:flex}.ph-in-label{color:var(--brass);font-size:12px;font-weight:600}.ph-in-text b{overflow-wrap:anywhere;font-size:17px;font-weight:600;line-height:1.3}.ph-in-text small{color:var(--text-muted);font-size:12.5px}.ph-in-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.ph-answer{background:var(--ok);border-color:var(--ok);color:var(--on-accent)}.ph-decline{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, transparent)}@media (width<=760px){.phone{bottom:72px;left:12px;right:12px}.ph-panel,.ph-incoming{width:100%;max-height:calc(100dvh - 150px)}.ph-fab{min-width:52px;height:52px}}.phone-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.row-acts{gap:4px;display:inline-flex}.icon-btn{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--accent-wash);text-decoration:none}.icon-btn svg{width:16px;height:16px}.call-list{flex-direction:column;display:flex}.call-row{border-bottom:1px solid var(--line-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 14px;padding:13px 16px;display:grid}.call-row:last-child{border-bottom:0}.call-dir{background:var(--surface-sunk);width:32px;height:32px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.call-dir.in{color:var(--accent)}.call-who{flex-direction:column;gap:2px;min-width:0;display:flex}.call-who b{overflow-wrap:anywhere;font-weight:600}.call-who b a{color:var(--text)}.call-who small{color:var(--text-muted);font-size:12.5px}.call-who audio,.feed audio{width:100%;max-width:360px;height:36px;margin-top:6px}.call-meta{color:var(--text-faint);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.call-meta .btn{min-height:38px;padding:0 12px;font-size:13px}@media (width<=760px){.call-row{grid-template-columns:auto minmax(0,1fr)}.call-meta{grid-column:2;justify-content:flex-start}}.feed .dot.miss{background:var(--danger)}a.tile-link{color:inherit;display:block}a.tile-link:hover{box-shadow:var(--shadow-lift);text-decoration:none}.tile.warn{border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.tile.warn .v{color:var(--danger)}.phone-state{border-radius:var(--radius-sm);background:var(--surface-sunk);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.phone-state b{font-weight:600}.phone-state.on{background:color-mix(in srgb, var(--ok) 9%, var(--surface))}.phone-state.on b{color:var(--ok)}.phone-state span{font-size:13.5px}.content.wide{max-width:none;padding:0}.inbox{background:var(--surface);grid-template-columns:320px minmax(0,1fr) 290px;height:calc(100dvh - 56px);display:grid;overflow:hidden}.ib-list{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:0;display:flex}.ib-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px 16px 10px;display:flex}.ib-list-head h1{letter-spacing:-.02em;font-size:20px;font-weight:600}.ib-filter{border-bottom:1px solid var(--line-soft);gap:6px;padding:0 16px 12px;display:flex}.ib-filter button{border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--text-muted);cursor:pointer;border:0;min-height:34px;padding:6px 13px;font-size:13px;font-weight:500}.ib-filter button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.ib-list .thread-list{flex:1;min-height:0;overflow-y:auto}.ib-list .thread-row{border-left:3px solid #0000;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who meta""snip snip";align-items:start;gap:3px 10px}.ib-list .thread-who{grid-area:who}.ib-list .thread-meta{grid-area:meta;gap:6px}.ib-list .thread-snippet{grid-area:snip;font-size:12.5px}.ib-list .thread-row[aria-current=true]{background:var(--accent-wash);border-left-color:var(--accent)}.ch-badge{letter-spacing:.04em;background:var(--surface-sunk);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.ib-thread{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.ib-thread-head{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:64px;padding:12px 18px;display:flex}.ib-title{flex-direction:column;flex:1;min-width:0;display:flex}.ib-title b{text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;font-weight:600;overflow:hidden}.ib-title small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ib-head-actions{flex:none;gap:4px;display:flex}.ib-back,.ib-details{display:none}.ib-thread>#out{padding:0 18px}.ib-thread>#out .msg{margin:12px 0 0}.ib-scroll{flex:1;min-height:0;padding:18px;overflow-y:auto}.ib-pick{text-align:center;color:var(--text-muted);padding:60px 20px}.ib-pick h3{color:var(--text);margin-bottom:6px;font-size:15px}.ib-pick p{font-size:13px}.ib-scroll .bubble.in{background:var(--surface);box-shadow:var(--shadow)}.bubble.sms{border-radius:16px}.bubble.sms.in{border-bottom-left-radius:5px}.bubble.sms.out{border-bottom-right-radius:5px}.ib-composer{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:12px 18px 16px;display:flex}.ib-compose-top{align-items:center;gap:10px;display:flex}.ib-compose-top select{border-radius:var(--radius-pill);background-color:var(--accent-wash);width:auto;min-height:36px;color:var(--accent);border-color:#0000;padding:4px 30px 4px 12px;font-size:13px;font-weight:500}.ib-compose-to{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.ib-composer textarea{resize:vertical;min-height:64px}.ib-compose-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.ib-ch{border-radius:var(--radius-pill);background:var(--surface-sunk);flex:none;padding:2px;display:inline-flex}.ib-ch button{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:0;min-height:32px;padding:0 14px;font-size:13px;font-weight:500}.ib-ch button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.ib-notice,.text-notice{color:var(--text-muted);font-size:13.5px;line-height:1.5}.ib-notice{border-radius:var(--radius-sm);background:var(--surface-sunk);padding:12px 14px}.ib-notice b,.text-notice b{color:var(--text);font-weight:600}.ib-notice a,.text-notice a{white-space:nowrap;font-weight:500}.text-notice{margin-bottom:14px}.ib-write{flex-direction:column;gap:8px;display:flex}.ib-new{min-height:36px;margin-left:auto;padding:0 14px;font-size:13.5px}.ib-contact{border-left:1px solid var(--line);background:var(--surface);min-height:0;overflow-y:auto}.ib-card{border-bottom:1px solid var(--line-soft);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.ib-card h3{color:var(--text-muted);margin-bottom:4px;font-size:13px;font-weight:600}.ib-name{overflow-wrap:anywhere;font-size:16px;font-weight:600}.ib-line{overflow-wrap:anywhere;font-size:13px}.ib-quick{gap:8px;margin:10px 0 4px;display:flex}.ib-quick .btn{flex:1;min-height:40px;padding:0 12px;font-size:13.5px}.ib-open{margin-top:4px;font-size:13px}.ib-item{color:var(--text);border-top:1px solid var(--line-soft);justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;display:flex}.ib-item:first-of-type{border-top:0}.ib-item:hover{color:var(--accent);text-decoration:none}.ib-item span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.ib-item small{color:var(--text-muted);font-size:12px}.ib-item b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}#contact-drawer .ib-card{padding-left:0;padding-right:0}@media (width<=1180px){.inbox{grid-template-columns:300px minmax(0,1fr)}.ib-contact{display:none}.ib-details{display:inline-flex}}@media (width<=760px){.content.wide{padding:0 0 64px}.inbox{grid-template-columns:1fr;height:calc(100dvh - 120px)}.inbox[data-view=list] .ib-thread,.inbox[data-view=thread] .ib-list{display:none}.ib-list{border-right:0}.ib-back{padding:0 10px;display:inline-flex}.ib-thread-head{gap:6px;padding:8px 10px}.ib-head-actions .btn{padding:0 10px}.ib-scroll{padding:14px 12px}.ib-composer{padding:10px 12px 12px}.ib-list .thread-row{grid-template-columns:minmax(0,1fr) auto}.ib-list .thread-snippet{white-space:nowrap}.ib-compose-foot small{display:none}.ib-compose-foot{justify-content:flex-end}body:has(.inbox[data-view=thread]) .ph-fab:not(.on-call){display:none}body:has(.inbox[data-view=thread]) .phone{top:124px;bottom:auto}}.var-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;display:flex}button.chip.var{cursor:pointer;font:inherit;border:0;min-height:32px;font-size:12px}button.chip.var:hover{background:color-mix(in srgb, var(--brass) 14%, var(--brass-wash))}button.chip.var[disabled]{cursor:default}.msg-list{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.msg-row{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--surface);padding:12px}.msg-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.msg-row textarea{width:100%}.notify-to{color:var(--text-muted);overflow-wrap:anywhere;margin-bottom:12px;font-size:13px}#notify-dialog textarea{width:100%}.pill.inv-draft{background:var(--surface-sunk);color:var(--text-muted)}.pill.inv-sent{background:var(--accent-wash);color:var(--accent)}.pill.inv-deposit_paid{background:var(--brass-wash);color:var(--brass)}.pill.inv-paid{background:color-mix(in srgb, var(--ok) 11%, var(--surface));color:var(--ok)}.pill.inv-void{background:var(--danger-wash);color:var(--danger);text-decoration:line-through}.pill.inv-test{background:var(--brass-wash);color:var(--brass)}.inv-title{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.inv-title h1{overflow-wrap:anywhere}@media (width<=480px){.inv-title h1{font-size:19px}}.inv-totals{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:-4px 2px 10px;font-size:13px;display:flex}.inv-totals b{color:var(--text);font-variant-numeric:tabular-nums}.inv-row-main{flex-direction:column;flex:220px;gap:2px;min-width:0;display:flex}.inv-row-main .job-number{overflow-wrap:anywhere;font-size:14px}.inv-row-main small{color:var(--text-faint);font-size:12px}.inv-row-money{flex:none;align-items:center;gap:10px;display:flex}.inv-row-amt{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.inv-row-amt small{color:var(--brass);font-size:11.5px}.inv-due{flex-direction:column;gap:2px;display:flex}.inv-due span{color:var(--text-muted);font-size:13px}.inv-due b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--accent);font-size:32px;font-weight:600}.inv-bar{border-radius:var(--radius-pill);background:var(--surface-sunk);height:8px;margin:12px 0 14px;position:relative;overflow:visible}.inv-bar-fill{border-radius:var(--radius-pill);background:var(--ok);position:absolute;inset:0 auto 0 0}.inv-bar-dep{background:var(--brass);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.inv-sum{flex-direction:column;gap:6px;font-size:13.5px;display:flex}.inv-sum div{justify-content:space-between;gap:12px;display:flex}.inv-sum span{color:var(--text-muted)}.inv-sum b{font-variant-numeric:tabular-nums;font-weight:500}.inv-sum .inv-sum-total{border-top:1px solid var(--line-soft);margin-top:2px;padding-top:8px}.inv-sum .inv-sum-total span,.inv-sum .inv-sum-total b{color:var(--text);font-weight:600}.inv-rug{border-top:1px solid var(--line-soft);padding:10px 0}.inv-rug:first-of-type{border-top:0;padding-top:0}.inv-rug-name{overflow-wrap:anywhere;margin-bottom:4px}.inv-l{justify-content:space-between;gap:12px;padding:3px 0 3px 12px;font-size:13.5px;display:flex}.inv-l span{overflow-wrap:anywhere;min-width:0}.inv-l b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}.inv-line{grid-template-columns:minmax(0,1fr) 64px 104px 44px;align-items:end;gap:8px;display:grid}.inv-line .field{min-width:0;margin-bottom:8px}.inv-line .rm-line{width:44px;min-height:44px;margin-bottom:8px;padding:0}.danger-text{color:var(--danger)}.invoice-mini{border-top:1px solid var(--line-soft);color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.invoice-mini:first-of-type{border-top:0}.invoice-mini:hover{color:var(--accent);text-decoration:none}.invoice-mini span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.invoice-mini small{color:var(--text-muted);font-size:12px}.invoice-mini b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}@media (width<=480px){.inv-line{border-bottom:1px dashed var(--line-soft);grid-template-columns:72px minmax(0,1fr) 44px;column-gap:8px;margin-bottom:8px;padding-bottom:6px}.inv-line .l-desc{grid-column:1/-1}}.nav-badge{border-radius:var(--radius-pill);background:var(--danger);min-width:18px;color:var(--on-accent);text-align:center;vertical-align:1px;margin-left:7px;padding:0 6px;font-size:11px;font-weight:600;line-height:18px;display:inline-block}.task-quick{align-items:center;gap:8px;margin-bottom:14px;padding:12px;display:flex}.task-quick #q_title{flex:1;min-width:0}.task-quick input[type=date]{flex:none;width:auto}.task-list{margin:0;padding:0;list-style:none}.task-row{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:6px;padding:8px 16px 8px 6px;display:flex}.task-row:last-child{border-bottom:0}.task-tick{cursor:pointer;flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin:-6px 0;display:flex}.task-tick input{width:20px;min-width:20px;height:20px;min-height:20px;accent-color:var(--accent);cursor:pointer;margin:0}.task-open{all:unset;cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;padding:4px 0;display:flex}.task-open:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px;border-radius:4px}.task-title{overflow-wrap:anywhere;font-size:14px;font-weight:500}.task-meta{color:var(--text-muted);overflow-wrap:anywhere;font-size:12.5px}.task-due.late{color:var(--danger);font-weight:500}.task-row.done .task-title{color:var(--text-muted);text-decoration:line-through}.task-none{color:var(--text-muted);padding:18px 16px;font-size:13.5px;list-style:none}.card .task-list .task-row,.d-tasks .task-list .task-row{margin-left:-10px;padding-left:0;padding-right:0}p.task-none{padding:4px 0}@media (width<=760px){.task-quick{flex-wrap:wrap}.task-quick #q_title{flex-basis:100%}.task-quick input[type=date]{flex:1}}dialog.drawer .d-tasks{border-top:1px solid var(--line-soft);margin:0 20px 20px;padding-top:16px}dialog.drawer .d-tasks h2{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:13px;font-weight:600}.form-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.form-card{flex-direction:column;gap:14px;margin-bottom:0;display:flex}.form-card-head h2{letter-spacing:-.01em;text-transform:none;color:var(--text);margin-bottom:4px;font-size:17px;font-weight:600}.form-recent{border-top:1px solid var(--line-soft);padding-top:10px}.form-recent-head{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.form-recent-head h3{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:12px;font-weight:600}.form-recent-head a{font-size:13px}.form-recent .invoice-mini>small{color:var(--text-faint);white-space:nowrap;flex:none;font-size:12px}@media (width<=1100px){.form-cards{grid-template-columns:1fr}}.cp-picked{border:1px solid var(--line-soft);border-radius:var(--radius-sm);background:var(--accent-wash);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cp-picked>div{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.cp-picked small{color:var(--text-muted);font-size:12.5px}.cp-new{border-top:1px dashed var(--line);margin-top:10px;padding-top:12px}.apr-rug{padding:0}.apr-rug>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:16px 20px;list-style:none;display:flex}.apr-rug>summary::-webkit-details-marker{display:none}.apr-rug>summary:before{content:"▸";color:var(--text-faint);transition:transform var(--ease);margin-right:-4px}.apr-rug[open]>summary:before{transform:rotate(90deg)}.apr-rug-title{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.apr-rug>summary .muted{flex:none}.apr-rug>fieldset,.apr-rug>.btn{margin:0 20px 16px}.apr-rug>.btn{margin-top:-4px}.apr-rug fieldset{border:0;border-top:1px solid var(--line-soft);min-width:0;padding:14px 0 0}.apr-rug legend{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:0 8px 0 0;font-size:12px;font-weight:600}.apr-rug small.muted{margin-top:4px;font-size:12px;display:block}.apr-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.apr-photo-now{margin-bottom:10px}.apr-photo-now img{border-radius:var(--radius-sm);border:1px solid var(--line-soft);max-width:180px;max-height:220px;display:block}.apr-pick{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-bottom:8px;display:grid}.apr-thumb{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--radius-sm);border:2px solid #0000;flex-direction:column;gap:4px;margin:0;padding:2px;display:flex}.apr-thumb img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}.apr-thumb span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.apr-thumb.on{border-color:var(--accent)}.apr-thumb:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent)}figure.apr-thumb{cursor:default}figure.apr-thumb .btn{min-height:32px;padding:0 6px;font-size:12.5px}.apr-preview{border-radius:var(--radius-sm);border:1px solid var(--line-soft);background:var(--surface-sunk);width:100%;position:relative;overflow:hidden}.apr-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:816px;position:absolute;top:0;left:0}@media (width<=480px){.apr-grid{grid-template-columns:1fr}.apr-rug>summary{padding:14px 16px}.apr-rug>fieldset,.apr-rug>.btn{margin-left:16px;margin-right:16px}}
