/* Existing CADPOS app.css is copied unchanged; only pilot scoping/responsiveness. */
[hidden]{display:none!important}body{margin:0}.pilot-top{display:flex;align-items:center;gap:24px;background:linear-gradient(#46504a,#303b35);color:#eef1eb;padding:20px 28px}.pilot-top strong{font-size:22px}.pilot-top button{margin-left:auto}.pilot-nav{display:flex;align-items:center;gap:24px;padding:0 28px;background:#303b35;color:white}.pilot-nav strong{background:#a5d458;color:#223120;padding:16px 36px}main{padding:20px;max-width:1400px;margin:auto}.panel{padding:20px;background:#fff;border:1px solid #cbd3c7;border-radius:6px}h1{font-size:22px;margin:0 0 16px}#login-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}#login-form label{display:grid;gap:6px}.pilot-search{display:flex;gap:10px}.pilot-search input{min-width:0;flex:1}#stocksearch{margin:6px 0}#result{margin-top:20px}#result dl{display:grid;grid-template-columns:150px 1fr;gap:10px;margin:0}#result dt{color:#677563}#result dd{margin:0;overflow-wrap:anywhere;font-weight:600}#status{min-height:24px}#status.error{color:#b93b30}.muted,small{color:#6e7b65}button,input{min-height:42px}button{cursor:pointer}button:disabled{cursor:default}@media(max-width:600px){.pilot-top{padding:16px;gap:10px;flex-wrap:wrap}.pilot-top span{order:3;width:100%}.pilot-nav{padding:0 16px;gap:12px}.pilot-nav strong{padding:14px}main{padding:12px}.panel{padding:16px}#login-form label{width:100%}#result dl{grid-template-columns:1fr;gap:4px}#result dd{margin-bottom:8px}}

/* Compact read-only product card using the existing CADPOS palette. */
.i13-card{margin-top:20px;border-top:1px solid #c5cec3;padding-top:16px}
.i13-card h2{margin:0 0 16px}.i13-card dl{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);gap:9px 20px;max-width:850px}
.i13-card dt{color:#677760}.i13-card dd{margin:0;overflow-wrap:anywhere}.i13-card section{margin-top:20px}
#results button{text-align:left;margin-top:6px}#next{margin-top:12px}
@media(max-width:600px){.pilot-search{flex-wrap:wrap}.pilot-search input{flex-basis:100%}.i13-card dl{grid-template-columns:minmax(105px,35%) minmax(0,1fr);gap:8px 10px}}

.writer9{margin-top:20px;border-top:4px solid #a5d458}.writer-grid9{border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.writer-grid9 label{display:grid;gap:6px}.writer-grid9 input,.writer-grid9 select{width:100%;min-width:0}.writer-grid9 input[type=checkbox]{width:22px;accent-color:#82b43c}.writer-grid9 small{grid-column:1/-1}.writer-actions9{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}#writer-status.error{color:#b93b30}#create-product9{float:right}fieldset:disabled{opacity:.7}@media(max-width:600px){.writer-grid9{grid-template-columns:1fr}#create-product9{float:none;margin-bottom:12px}}
.product-tabs10 {grid-column:1/-1;display:flex;gap:6px;border-bottom:1px solid #ced7c8;padding-bottom:8px}.product-tabs10 .selected{background:#a5d457}.product-tab10{grid-column:1/-1}.product-tab10[hidden],.writer-grid9[hidden],.price-entry10[hidden]{display:none}.picker10{position:relative;min-width:0}.picker10>label{display:block;margin-bottom:4px}.picker10>button{width:100%;text-align:left}.picker10>div{padding:8px;border:1px solid #ced7c8;background:#fafcf8}.picker10>div>div{max-height:210px;overflow:auto;display:grid;gap:4px}.picker10 input:not([type=hidden]){width:100%}.class10{display:flex;gap:12px;flex-wrap:wrap;align-items:center;grid-column:1/-1}.class10 input{margin-right:6px;width:auto}.product-tab10>.writer-grid9,.conversion10,.price-entry10{grid-column:1/-1}.price-entry10,.conversion10{padding:12px;background:#f5f8ef;border:1px solid #d5ddcf;border-radius:5px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.price-entry10>strong,.conversion10>strong,.conversion10>p{grid-column:1/-1}.master-list10{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;max-height:180px;overflow:auto}.writer-grid9>small{grid-column:1/-1}
.purchase-top11{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.purchase-top11 h2{flex:1;min-width:240px}.invoice-lines11{grid-column:1/-1;display:grid;gap:12px;width:100%}.invoice-line11{border:1px solid #cdd7c6;border-radius:6px;padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;background:#f9fbf6}.invoice-line11>.purchase-top11,.invoice-line11>.writer-grid9{grid-column:1/-1}.invoice-summary11{padding:12px;border:1px solid #cdd7c6;border-radius:6px;margin:10px 0}.purchase-list11{display:grid;gap:8px;margin:16px 0}.purchase-list11 button{text-align:left}.pilot-nav button{min-height:40px}#purchase-panel11 input:not([type=checkbox]){width:100%}#purchase-panel11 form>button{margin-bottom:12px}#purchase-panel11 fieldset[disabled]{opacity:.7}

/* Purchase12: bounded invoice pages retain compact, readable rows. */
.compact-lines12 {gap:4px;}
.compact-lines12 .invoice-summary11 {padding:10px 12px;margin:0;display:grid;grid-template-columns:minmax(200px,1fr) minmax(180px,1fr);gap:4px 16px;}
.compact-lines12 .invoice-summary11 p {margin:0;}
@media(max-width:700px){.compact-lines12 .invoice-summary11{grid-template-columns:1fr;}}

/* Sales14: wrap top actions and invoice fields on desktop/tablet without redesign. */
#invoices14 .pilot-search{flex-wrap:wrap;align-items:end}#invoices14 label{display:grid;gap:4px;min-width:130px;flex:1}#invoices14 input{max-width:100%;box-sizing:border-box}#invoice-content14>label{margin:10px 0}#invoice-edit14>.pilot-search{position:sticky;top:0;z-index:2;background:#f7faf3;padding:8px 0}#invoice-content14 p,#invoice-list14 button{overflow-wrap:anywhere}

#hybrid15 .pilot-search{flex-wrap:wrap}#pos-results15{display:flex;flex-wrap:wrap;gap:6px;max-height:180px;overflow:auto}#pos-payment15{max-width:900px;width:90%;border:1px solid #9bc555;border-top:6px solid #a6d15d;border-radius:7px}#pos-payment15 input{min-width:100px}.pos15 #sale-total13{font-size:30px;font-weight:700}.pos15 #sale-lines13>.panel{padding:9px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pos15 #sale-lines13 strong{flex:1 1 240px}.pos15 #sale-lines13 input{width:85px}.pos15 button{min-height:44px}#pos-work15{position:sticky;top:0;background:#f5f8f0;z-index:2}#pos-tenders15 .pilot-search{flex-wrap:wrap}
/* Focused return/correction forms; existing HybridPOS layout retained. */
#return-dialog15,#correction-dialog15 {max-width:min(1050px,94vw);max-height:88vh;overflow:auto;}
#correction-dialog15 label {display:block;margin:10px 0;}
#return-dialog15 input {max-width:240px;}
#return-dialog15 button,#correction-dialog15 button {min-height:44px;}

#cash-report15 {max-width:min(1000px,94vw);max-height:88vh;overflow:auto;} #cash-report15 button {min-height:44px;margin:4px;}

/* Master18: compact product presentation */
#results{overflow:auto}.stock-table18{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.stock-table18 th{background:#e9eee3;color:#53634f;padding:9px 8px}.stock-table18 td{padding:5px 8px;border-bottom:1px solid #e5eae2}.stock-table18 tr:nth-child(even){background:#f4f6f2}.stock-table18 .stock-open18{border:0;background:transparent;color:inherit;font-weight:700;padding:4px 0;min-height:36px;text-align:left}.stock-table18 .stock-open18:focus-visible{outline:3px solid #2d75a2;outline-offset:2px}.stock-table18 td:nth-child(2){width:45%;min-width:160px}.stock-table18 td:nth-child(3){overflow-wrap:anywhere}
#card>.writer-actions9{position:sticky;top:0;z-index:3;background:#f4f6f2;padding:8px;border-bottom:1px solid #cbd4cb}
#card .i13-card{padding:16px;border:1px solid #cbd4cb;border-radius:4px;background:#fff}#card .i13-card h2{font-size:21px;margin-bottom:12px}#card .i13-card dl{max-width:none;grid-template-columns:minmax(110px,1fr) minmax(0,2fr) minmax(110px,1fr) minmax(0,2fr);gap:8px 16px}#card .i13-card dt,#card .i13-card dd{padding:5px 0;border-bottom:1px solid #edf0e9}
@media(max-width:900px){#card .i13-card dl{grid-template-columns:minmax(110px,1fr) minmax(0,2fr)}}
@media(max-width:550px){.stock-table18{font-size:12px}.stock-table18 th,.stock-table18 td{padding:6px 4px}.stock-table18 td:nth-child(2){min-width:120px}#results{max-width:100%}}

/* Sign-in entry. Uses the existing brand asset and base typography. */
#login-panel.login-entry {
  box-sizing: border-box;
  width: min(100%, 420px);
  margin: clamp(28px, 7vh, 78px) auto 0;
  padding: clamp(20px, 4vw, 32px);
  border: 1px solid #dce3dd;
  border-radius: 12px;
  box-shadow: 0 10px 24px #23342b0d;
}
.login-entry h1 { margin: 16px 0 20px; }
#login-panel #login-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 14px;
}
#login-panel #login-form label { width: 100%; }
#login-panel #login-form input { box-sizing: border-box; width: 100%; }
#login-panel #login-form > .primary { min-height: 42px; }
#login-panel > button { width: 100%; margin-top: 12px; }