:root{--paper:#f7f7ff;--white:#fff;--ink:#1e293b;--muted:#727b88;--line:#e4e7ed;--green:#7fc540;--light:#eff7e8;--orange:#aa6330;--red:#a64b41;--radius:14px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b6d49b;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #bedda5;border-color:var(--green)}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{background:#ffffff;color:#264653;padding:36px 22px 24px;display:flex;flex-direction:column;position:fixed;width:236px;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 46px}.brand-mark{width:42px;height:42px;border:1px solid #cbd5e1;border-radius:50%;display:grid;place-items:center;font:26px Georgia}.brand strong{font:25px Georgia;letter-spacing:.2px}.brand small{display:block;font-size:10px;letter-spacing:2.8px;color:#7a8490;margin-top:6px}.nav-label{font-size:10px;letter-spacing:2px;color:#8b95a2;margin:0 15px 12px}.nav{display:grid;gap:7px}.nav button{border:0;background:transparent;color:#555358;padding:13px 14px;display:flex;align-items:center;gap:13px;border-radius:9px;text-align:left;font-weight:500}.nav button:hover{background:#f2f7ed}.nav button.active{background:#ecf7e2;color:#385d1a}.nav .count{margin-left:auto;font-size:11px;background:#edf1e9;border-radius:5px;padding:2px 6px;color:#4b5b3c}.nav .active .count{color:#385d1a;background:#d4ebbf}.ico{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-bottom{margin-top:auto;border-top:1px solid #e4e7ed;padding:22px 10px 0;font-size:12px;color:#555358;line-height:1.6}.offline-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#7fc540;margin-right:7px}.sidebar-bottom small{display:block;color:#86919c;margin-top:4px}.main{grid-column:2;padding:0 40px 36px;max-width:1800px;width:100%}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.topbar-left{display:flex;align-items:center;gap:9px}.local-pill{display:flex;align-items:center;gap:7px;border:1px solid #e1ead7;border-radius:20px;padding:7px 11px;color:#547238;font-size:11px;background:#f3f9ec}.local-pill .ico{width:13px;height:13px}.page-head{display:flex;justify-content:space-between;align-items:center;margin:34px 0 28px;gap:16px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:650;color:#7d8692;margin:0 0 10px}h1{font:600 32px/1.3 Montserrat,sans-serif;letter-spacing:-.8px;margin:0}h2{font:600 20px/1.4 Montserrat,sans-serif;font-weight:400;margin:0}h3{font-size:14px;font-weight:600;margin:0}.subtitle{color:var(--muted);font-size:13px;margin:10px 0 0;line-height:1.65}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce1e8;background:white;color:var(--ink);padding:11px 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.btn:hover{background:#f2f7ed}.btn.primary{background:var(--green);color:white;border-color:var(--green)}.btn.primary:hover{background:#73b339}.btn.small{padding:8px 11px;font-size:11px}.btn.danger{color:var(--red)}.btn .ico{height:16px;width:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 23px;min-height:143px;position:relative}.stat .stat-icon{position:absolute;right:20px;top:22px;border-radius:9px;padding:8px;background:#eff7e8;color:#6a943e;display:flex}.stat-label{font-size:12px;color:#65717f;margin-bottom:16px}.stat-value{font-size:32px;font-weight:500;line-height:1}.stat-note{font-size:11px;color:#8a94a0;margin-top:10px}.stat.warn .stat-icon{background:#f8f0e5;color:var(--orange)}.stat.warn .stat-value{color:var(--orange)}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head p{margin:6px 0 0;font-size:12px;color:var(--muted)}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px 22px;flex-wrap:wrap}.tabs{display:flex;gap:3px;background:#f0f3f6;padding:4px;border-radius:8px}.tabs button{border:0;background:none;color:#7b8691;padding:8px 12px;font-size:11px;border-radius:6px;white-space:nowrap}.tabs button.active{background:#fff;color:var(--green);box-shadow:0 1px 3px #1e293b10;font-weight:600}.search-wrap{position:relative;min-width:230px;flex:0 1 270px}.search-wrap .ico{position:absolute;left:11px;top:11px;width:16px;height:16px;color:#8b96a1}.search{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px 10px 35px;width:100%;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:13px 22px;color:#76818f;font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;background:#f8f9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:19px 22px;border-bottom:1px solid #edf0f5;font-size:12px;color:#5d6a78}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf8}.person{display:flex;gap:11px;align-items:center}.avatar{width:34px;height:34px;flex-shrink:0;background:#f0f6e8;color:#69854b;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600}.person strong,.product-name{font-weight:550;color:#264653;font-size:12px;display:block}.minor{display:block;font-size:10px;color:#86939f;margin-top:5px}.row-link{border:0;background:none;text-align:left;padding:0;color:inherit}.row-link:hover strong,.row-link:hover.product-name{text-decoration:underline}.order-number{font-size:10px;letter-spacing:.5px;color:#83929e;display:block;margin-bottom:6px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;font-size:10px;white-space:nowrap;font-weight:550;background:#f0f2f5;color:#73808d}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.working,.badge.ordered{background:#f8f0e3;color:#a37836}.badge.ready{background:#e8f5dc;color:#4c7829}.badge.collected{background:#eaf0f2;color:#617a85}.badge.cancelled{background:#f6eae7;color:#a17265}.money{font-variant-numeric:tabular-nums;color:#264653}.overdue{color:#b0713e}.row-go{background:none;border:1px solid #e2e6ed;border-radius:7px;color:#758592;width:29px;height:29px;display:grid;place-items:center}.row-go:hover{background:#eef7e5}.row-go .ico{width:13px;height:13px}.table-footer{border-top:1px solid var(--line);padding:15px 24px;font-size:10px;display:flex;justify-content:space-between;color:#8b96a2}.bottom-note{display:flex;justify-content:space-between;margin:23px 3px 0;font-size:10px;color:#8995a1}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin:15px 0 9px;font:600 21px Montserrat,sans-serif}.empty p{line-height:1.7;font-size:12px;margin:0 auto 18px;max-width:380px}.empty-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--light);color:#7da353;margin:auto}.demo-strip{background:#f4eddc;color:#8f773d;font-size:11px;padding:9px 16px;text-align:center;border-bottom:1px solid #e7dfc9}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-card{padding:27px}.settings-card .big-icon{width:48px;height:48px;background:var(--light);border-radius:12px;display:grid;place-items:center;color:#709943;margin-bottom:25px}.settings-card p{font-size:13px;color:var(--muted);line-height:1.8}.settings-card h2{margin:0 0 15px}.path{background:#f7f7ff;border:1px solid var(--line);padding:12px;border-radius:7px;font:11px/1.7 monospace;word-break:break-all;color:#607487;margin:20px 0}.detail-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;border-bottom:1px solid var(--line)}.detail-line span:first-child{color:var(--muted)}.loading{padding:50px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:16px;color:var(--ink);padding:0;max-height:90vh;width:min(850px,94vw);box-shadow:0 25px 90px #ffffff26;background:var(--paper)}dialog::backdrop{background:#1e293b55;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 28px;border-bottom:1px solid var(--line);background:white;border-radius:16px 16px 0 0}.dialog-head h2{font-size:27px}.dialog-head .eyebrow{margin-bottom:7px}.close{border:0;background:#f0f3f6;border-radius:50%;height:30px;width:30px;font-size:20px;color:#788895;display:grid;place-items:center}.form-body{padding:23px 28px;max-height:65vh;overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-grid .span-2{grid-column:1/-1}label{display:block;font-size:11px;font-weight:550;color:#5a6c7c}label input,label select,label textarea{display:block;margin-top:7px;width:100%;border:1px solid #dee3eb;background:white;color:#264653;border-radius:7px;padding:11px 12px;font-size:12px;min-height:40px}input::placeholder,textarea::placeholder{color:#9ba6b2}textarea{resize:vertical;min-height:85px}input[type=number]{font-variant-numeric:tabular-nums}.section-title{font-size:12px;margin:26px 0 14px;display:flex;justify-content:space-between;align-items:center}.item-row{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;margin-bottom:11px}.item-grid{display:grid;grid-template-columns:135px 1fr 70px 100px 27px;gap:10px;align-items:end}.item-grid input,.item-grid select{padding:10px 9px}.item-row .params{margin-top:13px}.remove-item{border:0;background:none;color:#a27362;font-size:22px;height:40px}.totals{display:flex;gap:30px;justify-content:flex-end;margin:22px 0 8px}.totals div{font-size:10px;color:var(--muted)}.totals strong{display:block;font-size:21px;color:var(--ink);font-weight:500;margin-top:7px}.form-footer{padding:18px 28px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);background:white}.form-error{background:#f7e9e4;color:#9a5545;border:1px solid #eccdc1;border-radius:7px;padding:12px;font-size:12px;margin-bottom:18px}.form-error:empty{display:none}.hint{font-size:10px;line-height:1.6;font-weight:400;color:#81909d;margin:7px 0 0}#drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(540px,95vw);border-radius:16px 0 0 16px}#drawer .dialog-head{border-radius:16px 0 0 0}#drawer .form-body{max-height:calc(100vh - 103px)}.detail-section{margin:0 0 26px}.detail-section h3{margin:0 0 14px;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#8392a0}.detail-product{border:1px solid var(--line);background:white;border-radius:10px;padding:17px;margin:10px 0;line-height:1.6}.detail-product strong{font-size:13px;font-weight:550}.detail-product p{font-size:12px;color:var(--muted);margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-product .detail-line{border:0;padding:0}.notes{white-space:pre-wrap;font-size:12px;color:#697f90;line-height:1.8;overflow-wrap:anywhere}.customer-hero{display:flex;align-items:center;gap:15px;margin-bottom:24px}.customer-hero .avatar{width:52px;height:52px;font-size:18px}.customer-hero p{margin:5px 0;color:var(--muted);font-size:12px}.history-btn{display:block;width:100%;text-align:left;background:white;border:1px solid var(--line);border-radius:8px;padding:15px;margin-bottom:9px;color:var(--ink)}.history-btn:hover{background:#f2f8eb}.history-btn .history-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.history-btn p{color:#7c8d9b;font-size:11px;margin:9px 0 0}#toast{position:fixed;bottom:24px;left:calc(50% + 118px);transform:translateX(-50%) translateY(15px);background:#264653;color:white;border-radius:10px;padding:14px 20px;font-size:12px;box-shadow:0 5px 25px #ffffff30;z-index:99;opacity:0;transition:.2s;pointer-events:none;max-width:600px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#toast.error{background:#9b5347}@media(max-width:1200px){.sidebar{width:196px;padding:30px 15px}.shell{grid-template-columns:196px minmax(0,1fr)}.main{padding:0 25px 25px}.stat{padding:19px 16px}.stat .stat-icon{right:14px}th,td{padding-left:16px;padding-right:16px}.tabs button{padding:8px 9px}.brand{margin-left:5px;gap:9px}.stat-label{max-width:100px}}@media(max-width:1000px){.stats{gap:9px}.stat{padding:17px 14px}.stat .stat-icon{display:none}.topbar{height:65px}.page-head{margin:27px 0 22px}h1{font-size:31px}.backup-grid{grid-template-columns:1fr}.table-tools{align-items:stretch}.search-wrap{flex:1}.bottom-note{gap:15px}.main{padding:0 20px 25px}}@media print{.sidebar,.topbar,.actions,.table-tools,.bottom-note,.demo-strip{display:none}.shell{display:block}.main{padding:0}.panel{border:0}dialog{box-shadow:none}*{color:black!important}}

.detail-section h3.detail-heading{margin-top:28px}#statusForm button[type=submit]{margin-top:16px}.bottom-note>span:first-child{display:flex;align-items:center;gap:7px}.bottom-note .ico{width:14px;height:14px}

/* Brand palette and original logo from wnuk-optyk.pl, 12 October 2026. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url("assets/poppins-400.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url("assets/montserrat-600.ttf") format("truetype")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url("assets/montserrat-700.ttf") format("truetype")}
.sidebar{border-right:1px solid var(--line);border-top:6px solid #7fc540;padding-top:28px}.brand{display:flex;flex-direction:column;gap:14px;margin:0 0 36px;align-items:center}.brand-logo{display:block;width:113px;height:auto;object-fit:contain}.brand-caption{font-family:Montserrat,sans-serif;font-size:9px;letter-spacing:2px;color:#727b88}.nav button.active{box-shadow:inset 3px 0 #7fc540}.btn.primary{color:#1e350d}.btn.primary:hover{color:#152a08}.nav-label{color:#89929d}.nav .count{color:#52772c;background:#edf5e4}.nav .active .count{background:#d9edc8;color:#476d21}.stat-value{font-family:Montserrat,sans-serif;font-weight:600}.dialog-head h2{font-size:24px}.local-pill{font-size:10px}.person strong,.product-name{font-weight:600}.person .avatar{font-family:Montserrat,sans-serif}.empty h3{font-family:Montserrat,sans-serif}.brand-mark{display:none}.sidebar-bottom{color:#687987}.topbar{font-size:11px}.sidebar-bottom small{color:#8b96a2}.main{max-width:1900px}

.tabs button.active{color:#46622c}.btn.primary:focus-visible{outline-color:#264653}

.examination-history{margin-top:28px}.exam-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.exam-heading h3{margin:0}.exam-card{background:white;border:1px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}.exam-card-head{padding:14px 15px;display:flex;gap:12px;align-items:center;font-size:12px}.exam-card-head>span{font-size:10px;color:var(--muted);margin-left:auto}.exam-card-head .btn{padding:6px 9px}.exam-table{table-layout:fixed}.exam-table caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.exam-table th,.exam-table td{padding:10px 12px;font-size:11px;white-space:normal}.exam-table th:first-child,.exam-table td:first-child{width:31%}.exam-table td{font-variant-numeric:tabular-nums}.exam-card .notes{padding:0 15px 5px}.exam-fields{border:1px solid var(--line);border-radius:10px;padding:17px 18px 20px;margin:20px 0;background:#fff}.exam-fields legend{font:600 13px Montserrat,sans-serif;padding:0 7px;color:var(--ink)}.exam-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tutorial-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.tutorial-steps{display:grid;gap:7px}.tutorial-steps button{display:flex;gap:11px;align-items:center;border:1px solid transparent;background:transparent;padding:13px 12px;text-align:left;border-radius:9px;color:#5c6c7a;font-size:12px;line-height:1.5}.tutorial-steps button>span{display:grid;place-items:center;min-width:26px;height:26px;border:1px solid #d7e0cb;border-radius:50%;font-size:11px;background:#fff}.tutorial-steps button.active{background:#ecf7e2;border-color:#c6dda9;color:#385d1a;font-weight:600}.tutorial-steps button.active>span{background:#7fc540;border-color:#7fc540;color:#1e350d}.tutorial-steps button:hover{background:#f0f5ea}.tutorial-card{padding:28px 32px}.tutorial-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:20px;gap:10px}.tutorial-card h2{font-size:24px}.tutorial-lead{font-size:13px;line-height:1.8;color:#617181;margin:16px 0}.tutorial-instructions{padding-left:23px;font-size:13px;line-height:1.9;color:#405465}.tutorial-instructions li{padding-left:8px;margin:10px 0}.tutorial-instructions li::marker{color:#668743;font-weight:600}.tutorial-example{border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin-top:23px;background:#fafbf8}.tutorial-example h3{font-size:11px;color:#6b7f59;margin-bottom:8px}.tutorial-example .detail-line:last-child{border:0;padding-bottom:0}.tutorial-example strong{font-size:12px;font-weight:500;text-align:right}.tutorial-note{font-size:12px;color:#697d8d;line-height:1.8;margin:20px 0 23px}.tutorial-footer{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.tutorial-caption{margin:15px 0 0 252px}.btn:disabled{cursor:default}.tutorial-card h2:focus{outline:none}@media(max-width:1200px){.tutorial-layout{grid-template-columns:200px minmax(0,1fr);gap:15px}.tutorial-caption{margin-left:215px}.tutorial-card{padding:24px}.tutorial-steps button{font-size:11px;padding:12px 7px}.tutorial-footer .btn{font-size:11px;padding:10px 11px}}@media(max-width:1050px){.tutorial-layout{grid-template-columns:1fr}.tutorial-steps{grid-template-columns:repeat(3,1fr)}.tutorial-caption{margin-left:0}.exam-fields-grid{gap:10px}}

.sms-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;margin-bottom:24px}.sms-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.sms-layout label{display:grid;gap:8px;margin:18px 0 8px}.sms-layout input,.sms-layout select,.sms-layout textarea{width:100%}.sms-callout{padding:14px 16px;border-radius:10px;background:var(--light);line-height:1.65;font-size:12px}.sms-how ol{padding-left:22px;line-height:1.9}.sms-how li{margin:14px 0}.sms-how h3{margin-top:32px}.sms-empty{padding:28px;color:var(--muted)}.sms-message{max-width:420px;white-space:pre-wrap;font-size:12px;line-height:1.65;margin-bottom:0}.sms-error{color:var(--red);max-width:360px;font-size:12px;line-height:1.6}.sms-history .actions{margin-top:12px;flex-wrap:wrap}.sms-history td{vertical-align:top}.sms-history .row-link{display:block;margin-top:10px}.sms-order .notes{white-space:pre-wrap}.check-row{display:flex!important;align-items:center;gap:10px;margin-top:18px!important;font-weight:500}.check-row input{width:17px;height:17px;accent-color:var(--green);margin:0}#orderForm>.check-row,#orderForm>.hint{margin-left:28px;margin-right:28px}@media(max-width:1100px){.sms-layout{grid-template-columns:1fr}}
/* Narrow screens: navigation across the top, record cards, and single-column forms. */
body:has(dialog[open]){overflow:hidden}.exam-order-action{padding:12px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.exam-order-action .hint{margin:0}.page-head>.actions{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1100px){
  html,body{min-width:0;overflow-x:clip}.shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:10px 12px 8px;border-bottom:1px solid var(--line);z-index:10;border-top:4px solid var(--green)}
  .sidebar .brand{flex-direction:row;justify-content:flex-start;gap:12px;margin:0 4px 8px}.brand-logo{width:48px;height:42px;object-fit:contain}.brand-caption{font-size:10px;letter-spacing:1.5px}.nav-label,.sidebar-bottom{display:none}
  .nav{display:flex;gap:4px;overflow:auto;scrollbar-width:none;max-width:100%}.nav button{flex:0 0 auto;min-height:44px;padding:10px 12px;gap:7px;font-size:12px}.nav .ico{width:16px;height:16px}.nav .count{display:none}
  .main{padding:0 16px 24px;width:100%;min-width:0}.topbar{height:auto;min-height:42px;padding:10px 0;gap:8px;font-size:10px}.topbar-left{display:block;max-width:65%}.local-pill{white-space:nowrap;padding:5px 7px;font-size:9px}.local-pill .ico{display:none}.demo-strip{margin:12px 0;font-size:10px;line-height:1.6;padding:10px 12px}
  .page-head{display:block;margin:22px 0}.page-head h1{font-size:29px;line-height:1.2}.page-head .subtitle{font-size:12px}.page-head>.actions{justify-content:flex-start;display:flex;margin-top:18px;gap:8px}.page-head>.actions .btn{flex:1 1 140px;justify-content:center;font-size:12px;padding:10px}.btn,.btn.small,.close,.row-go{min-height:44px}.close,.row-go{min-width:44px}.actions{flex-wrap:wrap}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px}.stat{padding:16px;min-width:0}.stat-value{font-size:32px}.stat-label,.stat-note{font-size:10px}.stat-icon{display:none}
  .panel-head{padding:18px;gap:12px;flex-wrap:wrap}.panel-head h2{font-size:17px}.panel-head p{font-size:11px}.panel-head>.local-pill{display:none}.table-tools{display:flex;flex-direction:column;align-items:stretch;padding:0 14px 14px;gap:14px}.tabs{display:flex;flex-wrap:nowrap;overflow:auto;max-width:100%;gap:5px}.tabs button{flex:0 0 auto;min-height:44px;padding:9px 10px;font-size:11px}.search-wrap{width:100%;min-width:0;max-width:none}.search{width:100%;min-width:0;font-size:16px}
  .mobile-cards,.mobile-cards tbody{display:block;width:100%;white-space:normal}.mobile-cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.mobile-cards tr{display:block;border-top:1px solid var(--line);padding:14px 16px}.mobile-cards td{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:7px 0;border:0;white-space:normal;text-align:left;font-size:12px;min-width:0;overflow-wrap:anywhere}.mobile-cards td[data-label]::before{content:attr(data-label);font-size:10px;color:var(--muted);font-weight:400;align-self:start;line-height:1.7}.mobile-cards td:not([data-label]){display:flex;justify-content:flex-end;padding:0}.mobile-cards td>.minor{grid-column:2}.mobile-cards .person{align-items:center;min-width:0}.mobile-cards .avatar{width:30px;height:30px;min-width:30px;font-size:11px}.mobile-cards .product-name{white-space:normal;max-width:none}.mobile-cards .row-link{white-space:normal;overflow-wrap:anywhere}.mobile-cards .badge{justify-self:start;white-space:normal;line-height:1.6;font-size:10px}.table-footer{padding:14px 16px;display:block;font-size:10px}.table-footer span{display:block;margin:4px 0}.bottom-note{font-size:9px;gap:12px;line-height:1.6}
  .backup-grid,.sms-layout{grid-template-columns:minmax(0,1fr);gap:16px}.settings-card{padding:20px}.settings-card h2{font-size:19px}.settings-card p{font-size:12px}.settings-card .actions .btn{flex:1 1 130px;justify-content:center}.path{overflow-wrap:anywhere;word-break:break-word}.detail-line{gap:14px;align-items:flex-start}.detail-line>span,.detail-line>strong{min-width:0;overflow-wrap:anywhere}.sms-section-title{align-items:flex-start;flex-wrap:wrap}.sms-history .sms-error,.sms-history .sms-message,.sms-history .actions,.sms-history .minor{grid-column:2;margin:4px 0}.sms-history .actions .btn{white-space:normal;text-align:left}.sms-how ol{font-size:12px}.sms-empty{padding:20px;font-size:12px}
  dialog,#drawer{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:auto;overscroll-behavior:contain}dialog .dialog-head,#drawer .dialog-head{border-radius:0;padding:18px;position:sticky;top:0;z-index:2;gap:10px}dialog .dialog-head h2{font-size:21px}.dialog-head .eyebrow{font-size:9px}.form-body,#drawer .form-body{padding:20px 18px;max-height:none;overflow:visible}.form-grid{grid-template-columns:minmax(0,1fr);gap:18px}label{min-width:0}input,select,textarea{min-width:0;width:100%;font-size:16px;min-height:44px}.form-footer{padding:14px 18px;position:sticky;bottom:0;z-index:2;padding-bottom:max(14px,env(safe-area-inset-bottom))}.form-footer .btn{flex:1;justify-content:center;font-size:12px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.item-grid>label:nth-child(1),.item-grid>label:nth-child(2){grid-column:1/-1}.item-grid .remove-item{grid-column:2;justify-self:end;min-height:44px;min-width:44px}.section-title{align-items:flex-start;gap:10px}.totals{flex-wrap:wrap;gap:16px}.exam-fields{min-width:0;padding:14px}.exam-fields-grid{grid-template-columns:minmax(0,1fr);gap:16px}.exam-heading{gap:12px;flex-wrap:wrap}.exam-heading h3{font-size:11px}.exam-card-head{gap:8px;flex-wrap:wrap}.exam-table{font-size:11px;white-space:normal}.exam-table th,.exam-table td{padding:11px 8px}.exam-order-action{display:block}.exam-order-action .btn{width:100%;justify-content:center;font-size:11px;white-space:normal}.exam-order-action .hint{display:block;margin-top:8px}.customer-hero{gap:14px}.detail-product strong{font-size:12px}.notes{overflow-wrap:anywhere}.check-row{font-size:12px!important}.check-row input{flex:0 0 20px;width:20px;height:20px;min-height:20px}
  .tutorial-layout{display:block}.tutorial-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.tutorial-steps button{padding:9px;font-size:10px;gap:7px;min-height:50px}.tutorial-steps button span{flex-shrink:0}.tutorial-card{padding:20px}.tutorial-card h2{font-size:22px}.tutorial-top{gap:10px;font-size:10px}.tutorial-lead,.tutorial-instructions,.tutorial-note{font-size:12px;line-height:1.8}.tutorial-instructions{padding-left:20px}.tutorial-example{padding:14px}.tutorial-example .detail-line{font-size:11px}.tutorial-footer{flex-wrap:wrap;gap:8px}.tutorial-footer>.btn{flex:1 1 100px;justify-content:center;font-size:11px}.tutorial-caption{font-size:10px}#toast{left:16px;right:16px;bottom:16px;max-width:none;transform:none;width:auto;font-size:12px}
}
@media(max-width:1100px){.nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;overflow:visible}.nav button{padding:8px;gap:6px;justify-content:center;font-size:11px;white-space:nowrap}.nav .ico{width:14px;height:14px}}
@media(max-width:360px){.nav .ico{display:none}.nav button{font-size:10px}.main{padding-left:12px;padding-right:12px}.mobile-cards td{grid-template-columns:80px minmax(0,1fr)}}

/* Client details expanded inside the examination or order form. */
.inline-customer{min-width:0;margin:0;padding:18px;border:1px solid #cfe4ba;border-radius:10px;background:#f5faef}.inline-customer[hidden],label[hidden]{display:none}.inline-customer legend{font-size:12px;font-weight:600;color:#52772c;padding:0 7px}.inline-customer .hint{margin-top:14px}@media(max-width:1100px){.inline-customer{padding:14px}.form-footer .btn{white-space:normal}.form-footer .btn.primary{flex:2}}
@media(min-width:1101px){#modal[open]{display:flex;flex-direction:column;overflow:hidden}#modal>form{min-height:0;display:flex;flex-direction:column}#modal .form-body{min-height:0;max-height:none;flex:1;overflow:auto}#modal .dialog-head,#modal .form-footer,#modal form>.check-row,#modal form>.hint{flex-shrink:0}}

/* Pickup reminders use the existing status and warning styles. */
.pickup-reminder{display:block;margin-top:7px}
.pickup-reminder .btn.small{font-size:11px;padding:6px 9px}
.sms-order-message+.sms-order-message{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.pickup-reminder button:disabled{cursor:not-allowed}
@media(max-width:1100px){.mobile-cards td>.pickup-reminder{grid-column:2;margin-top:0}}

/* Dialog notices stay in the heading instead of floating over the page. */
dialog .dialog-head>div{flex:1;min-width:0}
dialog .dialog-head .close{flex-shrink:0}
dialog .dialog-head #toast{display:none;position:static;inset:auto;width:auto;max-width:none;margin:12px 0 0;padding:12px 14px;transform:none;opacity:1;transition:none;box-shadow:none;overflow-wrap:anywhere;line-height:1.5}
dialog .dialog-head #toast.show{display:block;transform:none}
#drawer[open]{display:flex;flex-direction:column;overflow:hidden}
#drawer .dialog-head{flex-shrink:0}
#drawer .form-body{min-height:0;max-height:none;flex:1;overflow:auto}
@media(max-width:1100px){#toast,#toast.show{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));max-width:none;transform:none}}

.inline-examination{min-width:0;margin:0;padding:18px;border:1px solid #cfe4ba;border-radius:10px;background:#f5faef}
.inline-examination[hidden]{display:none}
.inline-examination>legend{font-size:12px;font-weight:600;color:#52772c;padding:0 7px}
.payment-control{min-width:0}.payment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:9px}.payment-state{font-size:10px;color:var(--muted)}.payment-settled{color:#4c7829}
@media(max-width:1100px){.inline-examination{padding:14px}.payment-actions .btn{min-height:44px}.payment-state{font-size:11px}}