:root{
 --bg:#f4f6f8;--surface:#fff;--surface2:#f8fafc;--text:#17212b;--muted:#667085;
 --line:#e4e7ec;--accent:#183b56;--accent2:#0d6b5f;--danger:#b42318;--shadow:0 12px 40px rgba(16,24,40,.08)
}
*{box-sizing:border-box}html{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);color:var(--text)}
a{color:inherit}.topbar{height:72px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,54px);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand-mark,.logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:white;font-weight:900}
.topbar nav{display:flex;gap:8px}.topbar nav a{text-decoration:none;padding:10px 12px;border-radius:10px;color:#475467}.topbar nav a:hover{background:#f2f4f7;color:var(--text)}.menu-btn{display:none}
.page{width:min(1180px,calc(100% - 30px));margin:32px auto 70px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 10% 10%,rgba(24,59,86,.16),transparent 34rem),radial-gradient(circle at 90% 90%,rgba(13,107,95,.12),transparent 30rem),var(--bg)}
.auth-card{width:min(100%,440px);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:38px;box-shadow:var(--shadow)}.auth-card .logo{margin-bottom:24px}
h1,h2,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.045em;line-height:1.05}h2{font-size:1.15rem}.muted{color:var(--muted);line-height:1.55}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:900;color:var(--muted);margin-bottom:10px}
.hero,.detail-hero{background:linear-gradient(135deg,#183b56,#225f6d);color:white;border-radius:26px;padding:clamp(28px,6vw,58px);display:flex;justify-content:space-between;gap:30px;align-items:end;box-shadow:var(--shadow)}.hero p{max-width:700px;color:rgba(255,255,255,.78);font-size:1.05rem}.detail-hero h1{margin-bottom:10px}.detail-hero p{color:rgba(255,255,255,.78)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stats article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 28px rgba(16,24,40,.04)}.stats strong{display:block;font-size:2rem}.stats span{color:var(--muted)}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:20px;box-shadow:0 8px 28px rgba(16,24,40,.04)}.panel-head,.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-head{margin-bottom:20px}.page-head h1{margin-bottom:0}.panel-head a{color:var(--accent2);font-weight:700;text-decoration:none}
.btn{border:1px solid var(--line);background:white;color:var(--text);border-radius:12px;padding:12px 16px;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.btn.small{padding:8px 11px;font-size:.85rem}.btn:hover{filter:brightness(.97)}
.form-stack{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}label{display:grid;gap:8px;font-size:.9rem;font-weight:700}input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:white;font:inherit;color:var(--text);outline:none}textarea{min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(24,59,86,.1)}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.data-card{display:block;background:white;border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;box-shadow:0 8px 24px rgba(16,24,40,.04);transition:.18s}.data-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.data-card h2{margin:15px 0 10px}.data-card p{color:var(--muted)}
.tag{display:inline-flex;background:#eef4f6;color:#215c65;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:800}.list{display:grid}.list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 2px;border-bottom:1px solid var(--line);text-decoration:none}.list-row:last-child{border-bottom:0}.list-row div{display:grid;gap:4px}.list-row span{color:var(--muted);font-size:.9rem}
.searchbar{display:flex;gap:10px;margin:16px 0 22px}.searchbar input{flex:1}.back{display:inline-block;margin-bottom:16px;color:var(--muted);text-decoration:none;font-weight:700}.facts{display:flex;gap:12px;flex-wrap:wrap}.facts span{background:rgba(255,255,255,.12);padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.7);font-size:.8rem}.facts strong{display:block;color:white;font-size:1rem;margin-top:4px}
.param-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.param{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:16px}.param span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:6px}.param strong{font-size:1.05rem}.param small{display:block;color:var(--muted);margin-top:7px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:.9rem}th{background:#f8fafc;color:#475467;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.alert,.toast,.info-box{padding:13px 15px;border-radius:12px;margin:15px 0}.danger{background:#fef3f2;color:var(--danger);border:1px solid #fecdca}.success{background:#ecfdf3;color:#067647;border:1px solid #abefc6}.info-box{background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}.toast{width:min(1180px,calc(100% - 30px));margin:18px auto -12px}
@media(max-width:900px){.cards-grid,.param-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.topbar nav{display:none;position:absolute;top:72px;left:15px;right:15px;background:white;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column}.nav-open .topbar nav{display:flex}.menu-btn{display:block;border:0;background:#f2f4f7;border-radius:10px;padding:10px 12px}}
@media(max-width:620px){.page{width:min(100% - 20px,1180px);margin-top:18px}.hero,.detail-hero{align-items:flex-start;flex-direction:column;border-radius:20px}.stats,.cards-grid,.param-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-card{padding:26px}.searchbar{flex-direction:column}.list-row{align-items:flex-start}.topbar{height:64px}.facts{width:100%}.facts span{flex:1}}

html[data-theme="dark"]{--bg:#0f151b;--surface:#172029;--surface2:#1d2832;--text:#edf2f7;--muted:#98a2b3;--line:#2b3844;--accent:#3b82a0;--accent-hover:#2f7188;--shadow:0 18px 60px rgba(0,0,0,.28)}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:var(--surface2);color:var(--text)}
.hero-actions,.action-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-box{padding:13px 15px;border-radius:12px;margin:15px 0;background:#eff8ff;color:#175cd3;border:1px solid #b2ddff}
@media(max-width:820px){.split{grid-template-columns:1fr}}

.ocr-text{min-height:420px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45}
.link-danger{border:0;background:transparent;color:#b42318;padding:8px 0;cursor:pointer;font-weight:700}
.danger-button{color:#b42318;border-color:#fda29b}
code{background:var(--surface2);padding:3px 6px;border-radius:6px}
progress{accent-color:var(--accent)}

.stock-low{background:#fff4ed}
.totals{margin-left:auto;max-width:420px;padding-top:20px;display:grid;gap:8px}
.totals div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}
.totals .grand{font-size:1.25rem;border-bottom:0}
.print-body{background:#e5e7eb}
.print-toolbar{position:sticky;top:0;z-index:5;padding:12px;display:flex;gap:10px;justify-content:center;background:#fff;border-bottom:1px solid #ddd}
.print-sheet{width:210mm;min-height:297mm;margin:20px auto;background:#fff;color:#111;padding:18mm;box-shadow:0 10px 40px rgba(0,0,0,.18)}
.print-doc-head,.print-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.print-doc-head{align-items:start;border-bottom:3px solid #173b56;padding-bottom:18px;margin-bottom:22px}
.print-doc-head>div:last-child{text-align:right}.print-doc-head h1{font-size:30px;margin-bottom:8px}
.print-columns{margin:20px 0}.print-table{width:100%;border-collapse:collapse;margin:18px 0}.print-table th,.print-table td{border:1px solid #bbb;padding:9px}
.print-box{min-height:70px;border:1px solid #bbb;padding:12px;margin-bottom:18px;white-space:pre-wrap}
.print-total{display:flex;justify-content:space-between;align-items:center;border-top:3px solid #173b56;padding-top:14px;font-size:20px}
.signatures{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:70px}.signatures div{border-top:1px solid #333;padding-top:8px;text-align:center}
@media(max-width:900px){.print-sheet{width:100%;min-height:0;margin:0;padding:22px}.print-doc-head,.print-columns{grid-template-columns:1fr}.print-doc-head>div:last-child{text-align:left}}

.invoice-items{display:grid;gap:14px}
.invoice-edit-row{display:grid;grid-template-columns:minmax(220px,2fr) 110px 90px 170px 100px 150px auto auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.invoice-edit-row label{min-width:0}
.invoice-row-total{display:grid;gap:5px;padding:7px 4px}
.invoice-row-total span{font-size:.75rem;color:var(--muted)}
.invoice-row-total strong{white-space:nowrap}
.input-suffix{display:flex;align-items:stretch}
.input-suffix input{border-radius:12px 0 0 12px}
.input-suffix span{display:flex;align-items:center;padding:0 12px;border:1px solid var(--line);border-left:0;border-radius:0 12px 12px 0;background:var(--surface2);font-weight:800;white-space:nowrap}
.field-help{display:block;color:var(--muted);font-size:.78rem;font-weight:400;line-height:1.35}
.block-help{margin-top:-4px;margin-bottom:16px}
@media(max-width:1100px){.invoice-edit-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.invoice-edit-row{grid-template-columns:1fr}.invoice-edit-row .btn,.invoice-edit-row .link-danger{min-height:48px}}

.page-help{color:var(--muted);max-width:720px;line-height:1.5;margin:8px 0 0}
.btn-large{min-height:48px;padding:13px 18px;font-size:1rem}
.customer-summary,.stock-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.customer-summary article,.stock-summary article{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(16,24,40,.04)}
.customer-summary span,.stock-summary span{display:block;color:var(--muted);font-size:.82rem;font-weight:700;margin-bottom:7px}
.customer-summary strong,.stock-summary strong{display:block;font-size:1.7rem;line-height:1.1}
.customer-summary small,.stock-summary small{display:block;color:var(--muted);line-height:1.35;margin-top:8px}
.stock-alert-card{border-color:#f79009!important;background:#fffaeb!important;color:#7a2e0e}
.customer-main-panel,.stock-main-panel{padding:0;overflow:hidden}
.customer-main-panel .panel-head,.stock-main-panel .panel-head{padding:22px 22px 0}
.customer-filter,.stock-filter{display:flex;gap:10px;align-items:center;padding:16px 22px}
.customer-filter input,.stock-filter>input[type="text"],.stock-filter>input:not([type]){flex:1}
.check-filter{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;white-space:nowrap;font-weight:600}
.check-filter input{width:auto}
.customer-table-wrap,.stock-table-wrap{overflow:auto;border-top:1px solid var(--line)}
.customer-table,.stock-table{min-width:1100px;border:0;border-radius:0}
.customer-table th,.stock-table th{position:sticky;top:0;z-index:1}
.customer-table .num,.stock-table .num{text-align:right;white-space:nowrap}
.stock-qty{font-size:1.08rem;font-weight:900}
.low-badge{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#f04438;color:#fff;font-size:.68rem;font-weight:800}
.stock-low{background:#fff4ed}
.movement-row{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}
.movement-row>div{display:grid;gap:4px}.movement-row small{color:var(--muted)}
.movement-value{text-align:right;white-space:nowrap}
.collapsed-form{scroll-margin-top:90px}
@media(max-width:900px){
  .customer-summary,.stock-summary{grid-template-columns:repeat(2,1fr)}
  .customer-filter,.stock-filter{flex-direction:column;align-items:stretch}
  .check-filter{min-height:44px}
}
@media(max-width:560px){
  .customer-summary,.stock-summary{grid-template-columns:1fr}
  .customer-summary article,.stock-summary article{padding:16px}
}

.nav-primary{background:var(--accent)!important;color:#fff!important;font-weight:850!important}
.main-purpose,.prescriptions-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:24px;align-items:stretch;background:linear-gradient(135deg,#173b56,#206874);color:#fff;border-radius:24px;padding:34px;margin-bottom:18px}
.main-purpose h1,.prescriptions-hero h1{font-size:clamp(2rem,4vw,3.1rem);margin-bottom:12px}
.main-purpose p,.prescriptions-hero p{color:rgba(255,255,255,.82);font-size:1.05rem}
.dashboard-prescription-search,.prescription-search{display:flex;gap:10px;margin-top:22px}
.dashboard-prescription-search input,.prescription-search input{font-size:1.12rem;min-height:54px;flex:1}
.main-purpose-button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:24px;color:#fff}
.main-purpose-button:hover{background:rgba(255,255,255,.2)}
.main-purpose-icon{width:54px;height:54px;border-radius:14px;background:#fff;color:#173b56;display:grid;place-items:center;font-weight:900;font-size:1.45rem;margin-bottom:18px}
.main-purpose-button strong{font-size:1.18rem}.main-purpose-button small{color:rgba(255,255,255,.76);line-height:1.4;margin-top:7px}
.dashboard-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.dashboard-numbers a{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px}
.dashboard-numbers strong{display:block;font-size:2rem}.dashboard-numbers span{display:block;color:var(--muted);margin-top:4px}
.dashboard-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}
.simple-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.simple-actions a{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:17px}
.simple-actions strong{display:block;font-size:1rem}.simple-actions span{display:block;color:var(--muted);font-size:.82rem;line-height:1.4;margin-top:6px}
.prescription-search{background:var(--surface);padding:18px;border:1px solid var(--line);border-radius:18px}
.prescription-list{display:grid}
.prescription-row{display:grid;grid-template-columns:90px minmax(220px,1fr) 170px 130px 28px;gap:16px;align-items:center;text-decoration:none;padding:16px 8px;border-bottom:1px solid var(--line)}
.prescription-row:last-child{border-bottom:0}.prescription-row:hover{background:var(--surface2)}
.prescription-code{font-size:1.1rem;font-weight:900;color:var(--accent)}
.prescription-main{display:grid;gap:4px}.prescription-main strong{font-size:1.05rem}.prescription-main span,.prescription-engine span,.prescription-date span{color:var(--muted);font-size:.78rem}
.prescription-engine,.prescription-date{display:grid;gap:4px}.open-arrow{font-size:2rem;color:var(--accent)}
.record-count{white-space:nowrap}.prescription-list.compact .prescription-row{grid-template-columns:80px 1fr 24px}
.explained-param{min-height:145px}.param-help{display:block;color:var(--muted);font-size:.78rem;line-height:1.4;margin-top:10px}
.field-help{display:block;color:var(--muted);font-size:.8rem;font-weight:400;line-height:1.4}
.block-help{margin-top:-4px;margin-bottom:16px}.btn-large{min-height:50px;padding:13px 19px;font-size:1rem}
@media(max-width:980px){
  .main-purpose,.prescriptions-hero{grid-template-columns:1fr}
  .dashboard-columns{grid-template-columns:1fr}
  .dashboard-numbers,.simple-actions{grid-template-columns:repeat(2,1fr)}
  .prescription-row{grid-template-columns:76px 1fr 28px}
  .prescription-engine,.prescription-date{display:none}
}
@media(max-width:620px){
  .main-purpose,.prescriptions-hero{padding:23px;border-radius:19px}
  .dashboard-prescription-search,.prescription-search{flex-direction:column}
  .dashboard-numbers,.simple-actions{grid-template-columns:1fr}
  .prescription-row{grid-template-columns:66px 1fr 20px;gap:10px;padding:14px 4px}
  .prescription-code{font-size:.95rem}
  .main-purpose-button{padding:19px}
}

.global-edit-bar{
  width:min(1220px,calc(100% - 30px));
  margin:18px auto -12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--surface);
  box-shadow:0 7px 24px rgba(16,24,40,.05);
}
.global-edit-bar>div{display:grid;gap:3px}
.global-edit-bar span{color:var(--muted);font-size:.82rem}
.global-edit-bar.edit-active{border-color:#f79009;background:#fffaeb;color:#7a2e0e}

/* Na detailních stránkách jsou formuláře standardně skryté. */
.detail-record.view-mode main.page .panel form,
.detail-record.view-mode main.page .split form,
.detail-record.view-mode main.page .param form,
.detail-record.view-mode main.page .invoice-edit-row{
  display:none!important;
}

/* Zachovat tisková a navigační tlačítka mimo panely. */
.detail-record.view-mode main.page>.action-row form{
  display:flex!important;
}

/* Formulář se zobrazí teprve v režimu Upravit. */
.detail-record.edit-mode main.page form{
  display:grid;
}

.detail-record.edit-mode .panel:has(form){
  border-left:5px solid #f79009;
}

@media(max-width:650px){
  .global-edit-bar{align-items:stretch;flex-direction:column;margin-top:12px}
  .global-edit-bar .btn{width:100%;min-height:50px}
}

/* Menší a méně dominantní tlačítko Upravit. */
.global-edit-bar{
  padding:9px 13px;
  min-height:48px;
}
.global-edit-bar>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.global-edit-bar>div span{
  display:none;
}
.global-edit-bar .btn{
  min-height:34px;
  padding:7px 11px;
  font-size:.82rem;
  border-radius:9px;
  width:auto;
}
@media(max-width:650px){
  .global-edit-bar{
    flex-direction:row;
    align-items:center;
    margin-top:8px;
    padding:8px 10px;
  }
  .global-edit-bar .btn{
    width:auto;
    min-height:34px;
    padding:7px 10px;
  }
  .global-edit-bar strong{
    font-size:.86rem;
  }
}

/* Jedna dominantní plocha pro seznamy – bez bubliny uvnitř bubliny. */
.flat-list-page .page-head{margin-bottom:14px}
.flat-list-surface{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}
.flat-list-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 20px 14px;
  border-bottom:1px solid var(--line);
}
.flat-list-heading h2{margin:0 0 3px;font-size:1.15rem}
.flat-list-heading p{margin:0;color:var(--muted);font-size:.82rem}
.compact-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin:0 0 14px;
}
.compact-summary>a,.compact-summary>div{
  display:flex;
  align-items:baseline;
  gap:9px;
  text-decoration:none;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
}
.compact-summary strong{font-size:1.35rem}
.compact-summary span{color:var(--muted);font-size:.82rem}
.flat-list{width:100%}
.flat-list-header,.flat-list-row{
  display:grid;
  align-items:center;
  gap:14px;
}
.flat-list-orders .flat-list-header,
.flat-list-orders .flat-list-row{
  grid-template-columns:150px minmax(180px,1.2fr) minmax(170px,1fr) 120px 125px;
}
.flat-list-invoices .flat-list-header,
.flat-list-invoices .flat-list-row{
  grid-template-columns:150px minmax(200px,1.4fr) 105px 105px 120px 135px;
}
.flat-list-header{
  padding:9px 18px;
  background:var(--surface2);
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-bottom:1px solid var(--line);
}
.flat-list-row{
  min-height:66px;
  padding:11px 18px;
  text-decoration:none;
  border-bottom:1px solid var(--line);
  transition:background .15s;
}
.flat-list-row:last-child{border-bottom:0}
.flat-list-row:hover{background:var(--surface2)}
.flat-list-row>div{min-width:0}
.flat-list-row strong{
  display:block;
  font-size:.94rem;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
}
.flat-list-row small{
  display:block;
  color:var(--muted);
  font-size:.76rem;
  line-height:1.3;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.flat-primary strong{font-size:1.04rem;color:var(--accent)}
.flat-money{text-align:right;white-space:nowrap}
.row-open{border-left:4px solid var(--accent2);padding-left:14px}
.row-closed{opacity:.75}
.flat-empty{padding:30px 20px;text-align:center;color:var(--muted)}
.status-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent2) 12%,var(--surface));
  color:var(--accent2);
  font-size:.75rem;
  font-weight:800;
  white-space:nowrap;
}

/* Zákazníci a sklad: jen jedna vnější plocha, vnitřní tabulka bez dalšího rámečku. */
.customer-main-panel,.stock-main-panel{
  border-radius:18px;
}
.customer-table-wrap,.stock-table-wrap{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.customer-main-panel .table-wrap,
.stock-main-panel .table-wrap{
  border:0!important;
  border-radius:0!important;
}

/* Mobil: řádky přes celou šířku, žádné zmenšování tabulky. */
@media(max-width:820px){
  .compact-summary{grid-template-columns:repeat(2,1fr)}
  .flat-list-header{display:none}
  .flat-list-orders .flat-list-row,
  .flat-list-invoices .flat-list-row{
    grid-template-columns:1fr 1fr;
    gap:10px 16px;
    padding:14px 15px;
    min-height:0;
  }
  .flat-list-row .flat-primary{
    grid-column:1/-1;
    padding-bottom:8px;
    border-bottom:1px solid var(--line);
  }
  .flat-list-row>div[data-label]::before{
    content:attr(data-label);
    display:block;
    color:var(--muted);
    font-size:.68rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:3px;
  }
  .flat-money{text-align:left}
  .row-open{padding-left:11px}
}
@media(max-width:480px){
  .compact-summary{grid-template-columns:1fr 1fr;gap:7px}
  .compact-summary>a,.compact-summary>div{
    display:grid;
    gap:2px;
    padding:10px;
  }
  .compact-summary strong{font-size:1.15rem}
  .flat-list-orders .flat-list-row,
  .flat-list-invoices .flat-list-row{
    grid-template-columns:1fr;
  }
  .flat-list-row .flat-primary{grid-column:auto}
}

.inventory-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}
.inventory-summary article{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:15px}
.inventory-summary span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}
.inventory-summary strong{display:block;font-size:1.35rem;margin-top:5px}
.inventory-summary small{display:block;color:var(--muted);font-size:.74rem;line-height:1.35;margin-top:7px}
.inventory-actions{margin-top:16px}
.flat-list-inventories .flat-list-header,.flat-list-inventories .flat-list-row{grid-template-columns:145px 100px 120px 80px 105px 80px 145px}
.inventory-table-wrap{overflow:auto}
.inventory-table{width:100%;border-collapse:collapse;min-width:1020px}
.inventory-table th,.inventory-table td{padding:9px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.inventory-table th{background:var(--accent);color:#fff;font-size:.71rem;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}
.inventory-table .num{text-align:right;white-space:nowrap}
.inventory-table td small{display:block;color:var(--muted);font-size:.71rem;margin-top:3px}
.inventory-count-input{min-width:90px;font-size:1rem;font-weight:800}
.inventory-table input{padding:9px 10px}
.inventory-difference{background:#fff4ed}
.inventory-save-bar{display:flex;justify-content:flex-end;padding:14px 16px}
.inventory-close-panel{border-left:5px solid #f79009}
.inventory-close-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}
.inventory-close-summary>div{background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:12px}
.inventory-close-summary span{display:block;color:var(--muted);font-size:.74rem}
.inventory-close-summary strong{display:block;margin-top:5px}
@media(max-width:900px){
  .inventory-summary{grid-template-columns:repeat(2,1fr)}
  .flat-list-inventories .flat-list-header{display:none}
  .flat-list-inventories .flat-list-row{grid-template-columns:1fr 1fr}
  .flat-list-inventories .flat-primary{grid-column:1/-1}
}
@media(max-width:560px){
  .inventory-summary{grid-template-columns:1fr 1fr}
  .inventory-summary article{padding:11px}
  .inventory-close-summary{grid-template-columns:1fr}
  .inventory-actions{display:grid;grid-template-columns:1fr 1fr}
  .inventory-actions .btn{width:100%}
}

.order-readonly-details{margin-top:18px}
.order-main-actions{margin:16px 0}
.order-edit-sections{margin-top:18px}
.order-calculation-panel,.order-invoices-panel{margin-top:18px}
.checkbox-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px}
.checkbox-line input{width:auto}
@media(max-width:650px){
  .order-main-actions{display:grid;grid-template-columns:1fr 1fr}
  .order-main-actions .btn{width:100%;min-height:46px}
  .order-main-actions form{grid-column:1/-1}
  .order-main-actions form .btn{width:100%}
}