/* Jemné akční barvy pro DNP!, bez změny rozměrů tlačítek. */
:root {
  --soft-bg: #25394a; --soft-fg: #d8ebff; --soft-border: #5b7c96; --soft-hover: #304c64;
  --calc-bg: #4a3426; --calc-fg: #ffd1a4; --calc-border: #9b704c; --calc-hover: #61412c;
  --detail-bg: #373049; --detail-fg: #e2d4ff; --detail-border: #81709e; --detail-hover: #493d61;
  --add-bg: #253e35; --add-fg: #c9edda; --add-border: #698f7c; --add-hover: #305444;
  --notice-bg: #24394c; --notice-fg: #d9ebfb; --notice-border: #6386a4;
  --success-bg: #243f34; --success-fg: #c2efd7; --success-border: #5d997a;
  --error-bg: #4a292e; --error-fg: #ffd6d8; --error-border: #b97982;
  --warning-bg: #493b24; --warning-fg: #ffdf9f; --warning-border: #b6924d;
}
:root[data-theme="light"] {
  --soft-bg: #eaf2fa; --soft-fg: #234f73; --soft-border: #a2bcd2; --soft-hover: #dceaf6;
  --calc-bg: #fff0df; --calc-fg: #8a3d00; --calc-border: #dfad7b; --calc-hover: #ffe3c2;
  --detail-bg: #f0edfc; --detail-fg: #59418a; --detail-border: #b9abda; --detail-hover: #e4ddfa;
  --add-bg: #e6f3eb; --add-fg: #265b41; --add-border: #a0c8b0; --add-hover: #d4ebdd;
  --notice-bg: #e8f0f9; --notice-fg: #244e74; --notice-border: #a7bfd5;
  --success-bg: #e5f4ea; --success-fg: #225b3c; --success-border: #98c3a8;
  --error-bg: #fdecee; --error-fg: #91323e; --error-border: #dba0a9;
  --warning-bg: #fff1d9; --warning-fg: #7a4b11; --warning-border: #d8b575;
}
.button.button-quiet {
  background: var(--soft-bg); color: var(--soft-fg); border-color: var(--soft-border);
}
.button.button-quiet:hover { background: var(--soft-hover); color: var(--soft-fg); border-color: var(--soft-fg); }
.button.button-quiet.button-calculation { background: var(--calc-bg); color: var(--calc-fg); border-color: var(--calc-border); }
.button.button-quiet.button-calculation:hover { background: var(--calc-hover); border-color: var(--calc-fg); }
.button.button-quiet.button-detail { background: var(--detail-bg); color: var(--detail-fg); border-color: var(--detail-border); }
.button.button-quiet.button-detail:hover { background: var(--detail-hover); border-color: var(--detail-fg); }
.button.button-quiet.button-create { background: var(--add-bg); color: var(--add-fg); border-color: var(--add-border); }
.button.button-quiet.button-create:hover { background: var(--add-hover); border-color: var(--add-fg); }
.button.button-quiet:is(.button-calculation,.button-detail,.button-create) { border-radius: 999px; }
.button.button-quiet:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.button[aria-current="true"] { box-shadow: inset 0 0 0 1px currentColor; }
.page-shell .message { background: var(--notice-bg); color: var(--notice-fg); border: 1px solid var(--notice-border); padding: 8px 11px; line-height: 1.4; }
.page-shell .message-success { background: var(--success-bg); color: var(--success-fg); border-color: var(--success-border); }
.page-shell .message-error { background: var(--error-bg); color: var(--error-fg); border-color: var(--error-border); }
.page-shell .message-warning { background: var(--warning-bg); color: var(--warning-fg); border-color: var(--warning-border); }
.customer-card h2 { color: var(--orange); text-transform: uppercase; font-weight: 700 !important; letter-spacing: .055em; }
.page-shell :is(.panel,.management-form,.confirm-panel,.policy-card) h2,
.management-page h2 { color: var(--orange); font-weight: 700 !important; text-transform: uppercase; letter-spacing: .045em; }
.page-shell .document-pill { background: var(--soft-bg); color: var(--soft-fg); border-color: var(--soft-border); }
.page-shell .document-pill:hover { background: var(--soft-hover); color: var(--soft-fg); }
.page-shell .document-pill-create { background: var(--add-bg); color: var(--add-fg); border-color: var(--add-border); }
.page-shell .back-link { display: inline-flex; background: var(--detail-bg); color: var(--detail-fg); border: 1px solid var(--detail-border); border-radius: 999px; padding: 3px 9px; text-decoration: none; }
.page-shell .table-actions a { display: inline-flex; padding: 3px 8px; background: var(--soft-bg); color: var(--soft-fg); border: 1px solid var(--soft-border); border-radius: 999px; text-decoration: none; }
.page-shell .table-actions a.danger-link { background: var(--error-bg); color: var(--error-fg); border-color: var(--error-border); }
.page-shell :is(.management-tabs,.user-management-tabs) a { background: var(--soft-bg); color: var(--soft-fg); border-color: var(--soft-border); }
.page-shell :is(.management-tabs,.user-management-tabs) a.active { background: var(--calc-bg); color: var(--calc-fg); border-color: var(--calc-border); }
.page-shell :is(.role-chip,.status-active,.status-inactive) { border-radius: 999px; padding: 2px 7px; }
.page-shell .role-admin { background: var(--calc-bg); color: var(--calc-fg); }
.page-shell :is(.role-full,.role-sales) { background: var(--soft-bg); color: var(--soft-fg); }
.page-shell .status-active { background: var(--add-bg); color: var(--add-fg); }
.page-shell .status-inactive { background: var(--error-bg); color: var(--error-fg); }
.person-contact-body { display: flex; align-items: flex-start; gap: 10px; }
.person-contact-body .customer-facts { flex: 1; min-width: 0; }
.person-phone-qr { flex: 0 0 94px; width: 94px; margin: 0; text-align: center; }
.person-phone-qr img { display: block; background: #fff; border-radius: 6px; padding: 5px; width: 94px; height: 94px; }
.person-phone-qr figcaption { font-size: 10px; line-height: 1.2; margin-top: 3px; overflow-wrap: anywhere; color: var(--muted); }
.import-phone-controls { margin-top: 8px; padding: 8px 10px; border: 1px solid var(--soft-border); border-radius: 8px; background: var(--soft-bg); color: var(--soft-fg); }
.import-phone-controls p { margin: 0 0 6px; }
@media(max-width:420px) { .person-contact-body { flex-wrap: wrap; } }