:root{--ink:#192d34;--muted:#6c7b80;--paper:#f4f6f3;--line:#e3e9e5;--green:#146b52;--mint:#dff3e9;--amber:#99631c;--red:#b63d3d;font-family:"Prompt",sans-serif;color:var(--ink);background:var(--paper);font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:9px 13px;font-weight:600;transition:background .15s,box-shadow .15s;white-space:nowrap}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #70c4a5;outline-offset:2px}input,select{width:100%;border:1px solid #d4dfd9;border-radius:8px;background:#fff;color:var(--ink);padding:9px 10px;min-width:0}input:disabled{background:#f5f7f5;color:#59686b}h1,h2,h3,p{margin:0}h1{font-size:30px;font-weight:700;letter-spacing:-.6px;line-height:1.5;margin:4px 0}h2{font-size:19px;line-height:1.5}h3{font-size:17px}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:19px;letter-spacing:-.4px}.brand small{display:block;color:var(--muted);font-size:11px}.brandmark{font-family:"Prompt",sans-serif;position:relative;display:grid;place-items:center;width:42px;height:42px;background:var(--ink);border-radius:13px;color:#9be0bd;font-size:24px;font-weight:750;letter-spacing:-1px}.brandmark span{position:absolute;width:7px;height:7px;right:4px;top:4px;background:#9be0bd;border:2px solid var(--ink);border-radius:50%}.prototype{font-family:"Prompt",sans-serif;font-size:10px;letter-spacing:1.4px;color:var(--muted);border:1px solid var(--line);padding:5px 9px;border-radius:5px}main{max-width:1440px;margin:0 auto;padding:30px 4vw 20px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.intro p{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;color:var(--green);letter-spacing:.6px}.local-badge{font-size:12px;display:flex;gap:7px;align-items:center;white-space:nowrap;color:#4a665b}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a6b5b0;flex-shrink:0}.local-badge .dot,.dot.watching{background:#28966f}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.segmented{display:flex;background:#e6ece7;border-radius:11px;padding:4px;gap:3px}.segmented button{background:transparent;color:#6a7b74;font-size:12px;padding:8px 13px}.segmented button.selected{background:#fff;color:var(--ink);box-shadow:0 1px 4px #19362912}.ghost{background:transparent;color:#567068;font-size:12px}.ghost:hover{background:#e9f0eb}.primary{background:var(--green);color:white;font-size:12px}.primary:hover{background:#0b5842}.secondary{background:#edf4ef;color:#295b47;font-size:12px;border:1px solid #dce8df}.secondary:hover{background:#dceee2}.full{display:block;width:100%;margin-top:14px}.notice{font-size:12px;padding:11px 14px;border-radius:9px;margin:0 0 18px}.demo-note{background:#eaf2ff;color:#3e5c83;border:1px solid #dce7f7}.live-note{background:#fff4dc;color:#825b25;border:1px solid #eddfbe}.error{background:#fff0ee;color:#a53636;border:1px solid #efd6d2;white-space:pre-line}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.metrics article{padding:16px 20px;background:#fff;border:1px solid var(--line);border-radius:13px}.metrics article span,.metrics small{display:block;color:var(--muted);font-size:11px}.metrics strong{display:block;font-family:"Prompt",sans-serif;font-size:31px;line-height:1.45;font-weight:650;letter-spacing:-.9px;margin:5px 0}.metrics .total{background:#e8f3ec;border-color:#d6e8dd}.metrics .total strong{color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(345px, .9fr) minmax(0,1.65fr);gap:20px;align-items:start}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:0 3px 12px #12342603}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:19px}.step{display:block;font-size:10px;color:#8a9990;letter-spacing:1px;margin-bottom:4px}.badge{background:#f0f5f1;padding:3px 8px;border-radius:6px;font-size:11px;color:#567263}.field{display:block;font-size:11px;font-weight:600;margin:12px 0}.field input,.field select{display:block;margin-top:6px;font-size:12px;font-weight:400}.hint{font-size:11px;color:var(--muted);line-height:1.7}code{font:11px "Prompt",sans-serif;padding:2px 4px;background:#eef4f0;border-radius:4px;color:#346452}.table-wrap{overflow:auto;margin:13px -5px 5px}.product-table{width:100%;border-collapse:collapse;font-size:11px}.product-table th{font-weight:400;color:#819087;text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}.product-table td{padding:7px 3px;vertical-align:middle}.product-table input{padding:7px 5px;font-size:11px;border-color:#e4eae6}.product-table th:nth-child(1){width:21%}.product-table th:nth-child(2){width:38%}.product-table th:nth-child(3){width:19%}.product-table th:nth-child(4){width:17%}.product-table .delete-row{padding:5px;color:#a77e7e;background:transparent;font-size:15px}.row-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.catalog .row-actions{margin-top:10px}.capture-box{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.status-line{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:7px}.dot.selecting{background:#d6a33d}.dot.interrupted,.dot.limit,.dot.no_structure{background:#c26550}.warning-text{font-size:11px;line-height:1.7;color:var(--amber);white-space:pre-line;overflow-wrap:anywhere;margin:7px 0}.demo-tools{background:#f6f8f5;border:1px dashed #d7e3d8;border-radius:11px;padding:13px 14px}.demo-tools-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.demo-tools strong{font-size:12px}.demo-tools p{color:var(--muted);font-size:10px;margin-top:3px}.demo-form{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(100px,1fr) auto;gap:7px;margin-top:12px}.demo-form input{font-size:11px;padding:7px 9px}.queue-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;gap:8px;flex-wrap:wrap}.filters{display:flex;gap:4px}.filters button{font-size:11px;font-weight:400;background:transparent;color:var(--muted);padding:6px 9px}.filters button.active{background:var(--mint);color:var(--green);font-weight:600}.claim-list{display:grid;gap:10px}.claim{border:1px solid #e4eae6;border-left:3px solid #8ebaa5;border-radius:10px;padding:13px 14px}.claim.review{border-left-color:#d5a654;background:#fffdf7}.claim.confirmed{border-left-color:#2c8e67}.claim.cancelled,.claim.rejected{opacity:.65}.claim-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.claim-head strong{font-size:12px}.claim-time{font:10px "Prompt",sans-serif;color:#87968c}.claim-text{font-size:13px;color:#244938;overflow-wrap:anywhere;white-space:pre-wrap}.claim-details{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:9px 0 2px;font-size:11px}.claim-details strong{font:600 15px "Prompt",sans-serif}.claim-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.claim-bottom button{padding:6px 9px;font-size:10px}.status-badge{border-radius:5px;padding:2px 6px;background:#f1f5f1;font-size:10px;color:#687f70}.status-badge.review{background:#fff0d3;color:#91641f}.status-badge.confirmed{background:#e1f2e8;color:#25704a}.source-link{font-size:10px;color:#577c6a;text-decoration:underline}.empty{text-align:center;padding:40px 15px 35px;color:#829187}.empty-icon{margin:0 auto 13px;width:44px;height:44px;border-radius:50%;background:#f0f5f0;color:#94af9c;display:grid;place-items:center;font-family:"Prompt",sans-serif;font-size:22px}.empty h3{font-size:14px;color:#4e6859;margin-bottom:6px}.empty p{font-size:11px}.raw-section{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.raw-section summary{font-size:11px;color:#71877a;cursor:pointer}.raw-section summary span{background:#edf3ee;border-radius:5px;padding:2px 6px;margin-left:5px}.raw-item{padding:9px 0;border-bottom:1px solid #f0f3ef;font-size:11px;overflow-wrap:anywhere}.raw-item small{display:block;font-size:10px;color:#8b9a90}.queue-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}.danger-link{color:#a16b66;background:transparent;font-size:10px;padding:5px}.page-footer{color:#90a096;font-size:10px;text-align:center;padding:22px 5px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;max-width:90%;background:var(--ink);color:#fff;padding:12px 19px;border-radius:10px;font-size:12px;box-shadow:0 8px 30px #12342520}dialog{border:1px solid var(--line);border-radius:15px;padding:24px;width:min(430px,92vw);color:var(--ink)}dialog::backdrop{background:#102b3555}blockquote{margin:0 0 14px;background:#f4f7f3;padding:12px;border-left:3px solid #8fbaa3;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.hidden{display:none!important}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
.package-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 9px}.package-option{text-align:left;background:#fff;border:1px solid var(--line);padding:16px 19px;white-space:normal;color:var(--ink);position:relative}.package-option.selected{border-color:#479b79;box-shadow:inset 0 0 0 1px #479b79;background:#f0f8f2}.package-option strong{display:block;font-size:18px}.package-option>span:not(.package-tag){display:block;font-weight:400;font-size:12px;margin:3px 0}.package-option small{display:block;color:var(--muted);font-size:10px;font-weight:400}.package-tag{position:absolute;right:15px;top:16px;letter-spacing:1px;font:9px "Prompt",sans-serif;color:var(--green)}.package-note{margin-bottom:18px}textarea{font:inherit;width:100%;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:11px;color:var(--ink);background:#f7f9f6;margin-top:7px;font-size:12px;line-height:1.7}.summary-dialog{width:min(620px,94vw)}.summary-table{width:100%;border-collapse:collapse;font-size:12px}.summary-table th{text-align:left;color:var(--muted);font-weight:400;border-bottom:1px solid var(--line);padding:7px 6px}.summary-table td{padding:9px 6px;border-bottom:1px solid var(--line)}.summary-table td:last-child,.summary-table th:last-child{text-align:right}.summary-total{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:14px 0 3px;font-size:12px}.summary-total strong{font:650 24px "Prompt",sans-serif;color:var(--green)}
@media(max-width:600px){.package-picker{grid-template-columns:1fr;gap:8px}.package-option{padding:12px 14px}.package-option strong{font-size:16px}.package-option>span:not(.package-tag){font-size:11px}.package-note{font-size:10px}.summary-dialog{padding:18px}}
@media(min-width:1600px){main{padding-left:40px;padding-right:40px}}
@media(max-width:1050px){.workspace{grid-template-columns:1fr}.catalog{max-width:none}.product-table th:nth-child(2){width:45%}.intro{align-items:flex-start}.metrics article{padding:13px 14px}}
@media(max-width:600px){:root{font-size:13px}.topbar{height:69px;padding:0 16px}.brand strong{font-size:16px}.brand small{font-size:9px}.brandmark{width:35px;height:35px;font-size:22px}.prototype{font-size:8px;letter-spacing:.6px;padding:3px 5px}main{padding:20px 13px}.intro{display:block;margin-bottom:16px}.intro h1{font-size:24px}.intro p{font-size:11px}.local-badge{margin-top:11px;font-size:10px}.toolbar{display:block}.segmented{width:100%}.segmented button{flex:1;padding:8px 5px;font-size:10px}.toolbar>.ghost{margin-top:7px;padding:5px 2px;font-size:10px}.notice{font-size:10px;padding:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.metrics article{padding:11px 12px;border-radius:10px}.metrics strong{font-size:25px;margin:3px 0}.metrics article span,.metrics small{font-size:9px}.workspace{gap:13px}.card{padding:16px 13px;border-radius:12px}.section-head{margin-bottom:13px}.section-head .row-actions{gap:3px}.section-head .row-actions button{font-size:10px;padding:6px}h2{font-size:16px}.step{font-size:9px}.demo-tools{padding:11px}.demo-tools-top{display:block}.demo-tools-top button{margin-top:9px}.demo-form{grid-template-columns:1fr 1fr}.demo-form button{grid-column:1 / -1}.claim{padding:11px}.claim-text{font-size:12px}.claim-details{font-size:10px}.queue-toolbar .hint{font-size:9px}.page-footer{font-size:9px}.queue-footer .hint{font-size:9px}.row-actions{gap:4px}.product-table{font-size:10px}}

/* Shared site copyright, separate from round and prototype notes. */
.site-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px 16px;
  padding: 20px max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}
.site-footer strong { color: var(--ink); font-weight: 600; }
.site-footer-rights { white-space: nowrap; }
@media screen {
  body.site-layout { display: flex; flex-direction: column; min-height: 100vh; min-height: 100svh; min-height: 100dvh; }
  body.site-layout > header, body.site-layout > main { flex-shrink: 0; }
  body.site-layout > main:not(.card) { width: 100%; }
  body.site-layout > :is(.commerce-main, .shop-tools-main, .order-main, .order-header) { margin-block: 0; }
  body.site-layout > .site-footer { flex: 0 0 auto; width: 100%; margin-top: auto; }
  .login-page .login-main { flex: 1; min-height: 0; width: 100%; margin-block: 0; }
}
@media screen and (max-width: 480px) {
  .site-footer { flex-direction: column; gap: 2px; padding-block: 18px max(18px, env(safe-area-inset-bottom)); }
}
@media print { .site-footer { display: none !important; } }

/* Keep single-choice selects consistent across macOS, Windows and mobile.
   The real select retains native keyboard, popup and form behavior. */
@media screen {
  body select:not([multiple]):not([size]),
  body select:not([multiple])[size="0"],
  body select:not([multiple])[size="1"] {
    -webkit-appearance: none;
    appearance: none;
    min-height: 48px;
    line-height: 1.5;
    padding: 11px 44px 11px 14px;
    border: 1px solid #d4dfd9;
    border-radius: 10px;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23365f50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  body select:not([multiple]):disabled { background-color: #f4f6f3; color: #718078; cursor: not-allowed; }
}
@media screen and (forced-colors: active) {
  body select:not([multiple]):not([size]),
  body select:not([multiple])[size="0"],
  body select:not([multiple])[size="1"] {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none;
    padding-right: 14px;
  }
}
