/* ALMONT workspace — shared, fluid interface. Existing brand colours retained. */
:root {
  --primary:#417690; --primary-dark:#315b70; --primary-darker:#21414f;
  --primary-light:#7096a9; --primary-tint:#edf3f6;
  --bg:#eef2f4; --text:#263f4c; --text-soft:#526c79; --border:#dce5e9;
  --sidebar-bg:#21414f; --sidebar-bg-2:#294e60; --sidebar-bg-active:#35617a;
  --radius:.55rem; --radius-sm:.4rem; --line:clamp(1px,.045vw,1.65px);
  --space:clamp(.875rem,.6rem + .6vw,1.75rem);
  --page-space:clamp(.85rem,.45rem + 1.25vw,2.6rem);
  --sidebar-width:17.25rem; --control:2.9rem; --icon-size:1.3rem;
  --shadow-sm:0 1px 2px #21414f06; --shadow-md:0 .18rem .8rem #21414f05;
}
html {font-size:clamp(15px,calc(13.5px + .18vw),21px);scroll-padding-top:6rem;}
body {font-size:.925rem;line-height:1.55;background:var(--bg);}
button,input,select,textarea {font:inherit;}
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
img {max-width:100%;}
[hidden] {display:none!important;}
button:disabled {cursor:not-allowed;opacity:.55;}
:where(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #417690;outline-offset:3px;}
:where(a,button):hover {text-decoration:none!important;}
.ui-skip {position:fixed;left:1rem;top:-8rem;z-index:1000;background:#fff;padding:.75rem 1rem;border:2px solid var(--primary);}
.ui-skip:focus {top:1rem;}
.layout {min-height:100dvh;}
.sidebar {width:var(--sidebar-width);height:100dvh;background:var(--sidebar-bg);box-shadow:none;border-right:var(--line) solid #fff1;z-index:20;}
.sidebar-brand {padding:1.7rem 1.45rem;border-bottom:1px solid #fff1;min-height:5.7rem;}
.sidebar-brand-logo {height:auto;width:11.5rem;max-width:100%;}
.sidebar-search {margin:1rem .95rem .3rem;position:relative;}
.sidebar-search input {background:#ffffff0c;border:1px solid #ffffff20;color:#eaf2f5;font-size:.78rem;min-height:2.75rem;padding:.65rem .8rem .65rem 2.3rem!important;}
.sidebar-search input::placeholder {color:#b0c6d0;}
.sidebar-search .fa-solid {position:absolute;left:.8rem;top:.85rem;color:#b0c6d0;pointer-events:none;}
.sidebar-nav {padding:.6rem .8rem;min-height:0;}
.sidebar-nav a {min-height:2.9rem;gap:.75rem;padding:.55rem .7rem;border-radius:var(--radius-sm);font-size:.83rem;margin-bottom:.15rem;white-space:nowrap;line-height:1.25;transform:none;}
.sidebar-nav a span.text {min-width:0;}
.sidebar-nav a .icon-box {width:2rem;height:2rem;background:transparent;}
.sidebar-nav a .icon-box i {font-size:1.05rem;color:#b0c9d5;}
.sidebar-nav a:hover {background:#2a5164;color:#fff;transform:none;}
.sidebar-nav a.active,.sidebar-nav a[aria-current=page] {background:var(--sidebar-bg-active);color:#fff;box-shadow:none;}
.sidebar-nav a.active:hover,.sidebar-nav a[aria-current=page]:hover {background:#2b5369;}
.sidebar-nav a.active .icon-box {background:transparent;}
.sidebar-nav a.active .icon-box i {color:#fff;}
.sidebar-section-title {padding:1.3rem .7rem .55rem;font-size:.65rem;letter-spacing:.11em;color:#a0bbc8;line-height:1.3;}
.sidebar-footer {padding:.8rem 1.15rem;gap:.75rem;background:#1c3947;}
.sidebar-footer .user-pill {min-width:0;gap:.65rem;}
.sidebar-footer .user-pill span.text {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-footer .user-avatar {font-size:1.2rem;}
.sidebar-toggle {display:flex;top:5.2rem;width:1.5rem;height:2.7rem;min-height:44px;right:-.75rem;border-radius:.35rem;box-shadow:none;background:#294e60;}
.sidebar-toggle i {font-size:.9rem;}
.sidebar.collapsed {width:4.7rem;}
.sidebar.collapsed .sidebar-search {display:none;}
.sidebar.collapsed .sidebar-brand-logo.logo-icon {height:auto;width:2.2rem;}
.main-area {min-width:0;flex:1;}
.topbar {min-height:5.7rem;padding:.85rem var(--page-space);background:#fff;backdrop-filter:none;gap:1rem;border-bottom:var(--line) solid var(--border);}
.topbar-heading {min-width:0;}
.topbar h1 {font-size:1.25rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ui-eyebrow {display:block;color:var(--text-soft);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;margin-bottom:.2rem;}
.topbar-right {display:flex;align-items:center;gap:.9rem;flex:0 0 auto;}
.ui-date {font-size:.8rem;color:var(--text-soft);white-space:nowrap;}
.topbar .user-chip {font-size:.8rem;padding:.45rem .75rem;border-radius:.4rem;max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.user-chip .avatar-dot {font-size:1rem;flex:none;}
.topbar-logout {display:block;}
.topbar-logout button {border:1px solid var(--border);border-radius:.4rem;min-width:2.6rem;min-height:2.6rem;color:var(--text-soft);}
.logout-form button:hover {background:#ffffff14;color:#fff;}
.topbar-logout button:hover {background:var(--primary-tint);color:var(--primary-darker);}
main.content {max-width:none;width:100%;margin:0;padding:var(--page-space);min-width:0;}
main.content>:last-child {margin-bottom:0;}
.card,.sys-surface,.quote-customer,.quote-summary,.quote-items-section,.sys-editor {border:var(--line) solid var(--border);border-radius:var(--radius);box-shadow:none;background:#fff;}
.card {padding:var(--space);margin-bottom:var(--space);min-width:0;max-width:100%;}
.card h2,.sys-workspace h2,.quote-heading h2 {font-size:1.55rem;line-height:1.25;letter-spacing:-.03em;}
.card h3,.sys-workspace h3,.quote-section-heading h3 {font-size:1.04rem;line-height:1.4;letter-spacing:-.01em;}
.card h4,.sys-workspace h4 {font-size:.94rem;}
.card p {max-width:92ch;margin-top:.45rem;}
.card-header-row {margin-bottom:1.15rem;gap:1rem;align-items:center;flex-wrap:nowrap;}
.card-header-row>div:first-child {min-width:0;}
.card-header-row h2 {margin:0;}
.card-header-row p {margin:.35rem 0 0;color:var(--text-soft);font-size:.85rem;}
.ui-section-copy {font-size:.86rem;color:var(--text-soft);margin:.35rem 0 1.1rem;}
.ui-section-tools {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;}
.ui-count {display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:#f4f7f8;font-size:.76rem;color:var(--text-soft);padding:.3rem .65rem;border-radius:.35rem;white-space:nowrap;}
.grid-2,.grid-3,.grid-4 {gap:var(--space);align-items:stretch;margin-bottom:var(--space);}
.grid-2 {grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-3 {grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-4 {grid-template-columns:repeat(4,minmax(0,1fr));}
.grid-2>.card,.grid-3>.card,.grid-4>.card {margin-bottom:0;}
.kpi-tile {padding:1.25rem 1.4rem;min-width:0;border:var(--line) solid var(--border);border-radius:var(--radius);box-shadow:none;background:#fff;}
.kpi-tile .kpi-icon {font-size:1.3rem;}
.kpi-tile .kpi-label {font-size:.78rem;color:var(--text-soft);letter-spacing:0;line-height:1.45;text-transform:none;font-weight:600;}
.kpi-tile .kpi-value {font-size:2rem;line-height:1.25;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;}
.kpi-tile .kpi-detail {display:block;margin-top:.4rem;color:var(--text-soft);font-size:.72rem;}
.btn,.qw-button,.sys-button,button.btn-login {min-height:max(44px,var(--control));font-size:.84rem!important;padding:.65rem 1rem!important;gap:.55rem!important;border-radius:var(--radius-sm)!important;line-height:1.3;white-space:nowrap;flex-shrink:0;text-decoration:none!important;box-shadow:none!important;transform:none!important;font-weight:600;}
.btn:hover,.qw-primary:hover,.sys-button.primary:hover,.btn-login:hover {background:var(--primary-dark);box-shadow:none;transform:none;}
.btn:active,.qw-primary:active,.sys-button.primary:active,.btn-login:active {background:var(--primary-darker);transform:none;}
.btn:not(.btn-secondary):not(.btn-accent),.qw-primary,.sys-workspace a.sys-button.primary {color:#fff!important;}
.btn-secondary:hover,.qw-secondary:hover,.sys-button:not(.primary):hover {background:#e8eff3;border-color:#c3d3db;}
.btn-danger:hover {background:#992f26;}
.btn-group {gap:.6rem;flex-wrap:nowrap;max-width:100%;overflow-x:auto;}
.btn-group--compact .btn {font-size:.78rem!important;padding:.5rem .8rem!important;}
.btn-sm {font-size:.76rem!important;min-height:2.45rem;padding:.45rem .7rem!important;}
.btn i,.sys-button i,.qw-button i {font-size:1.05em!important;}
main.content a:not(.btn) {gap:.4rem;line-height:1.45;}
main.content a:not(.btn):not(.qw-button):not(.sys-button):hover {color:var(--primary-dark);text-decoration:none;}
.status-badge,.sys-status,.quote-tag {font-size:.7rem!important;line-height:1.35;padding:.35rem .6rem;border-radius:.32rem;white-space:nowrap;font-weight:600;letter-spacing:0;}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea {min-height:max(44px,var(--control));padding:.6rem .75rem;border:var(--line) solid #b9ccd5;border-radius:var(--radius-sm);font-size:.87rem;line-height:1.4;max-width:100%;min-width:0;}
select {font-size:.87rem!important;line-height:normal!important;height:auto!important;padding:.65rem 2.4rem .65rem .75rem!important;background-image:url('../icons/material/expand_more.svg')!important;background-repeat:no-repeat!important;background-size:1.2rem!important;background-position:right .7rem center!important;}
select option {font-size:inherit;}
input:focus,select:focus,textarea:focus {border-color:var(--primary);box-shadow:0 0 0 3px #41769015;outline:none;}
input[type=checkbox],input[type=radio] {width:1.15rem;height:1.15rem;min-height:0;accent-color:var(--primary);flex:0 0 auto;}
label {font-size:.8rem;font-weight:600;color:var(--text);line-height:1.4;}
label {text-transform:none;letter-spacing:0;}
.helptext {font-size:.73rem;line-height:1.5;}
.filters {display:flex;gap:.9rem;align-items:end;flex-wrap:wrap;background:#f5f8fa;border:1px solid var(--border);border-radius:.45rem;padding:1rem;margin:1.25rem 0;}
.filters>div {flex:1 1 10rem;min-width:0;}
.filters>div:first-child {flex-basis:17rem;}
.filters>div:last-child {flex:0 0 auto;}
.filters label {margin-bottom:.45rem;display:block;}
.filters .btn {min-height:var(--control);}
.ui-table-scroll,.business-scroll,.qd-table-scroll,.sys-table {overflow:auto;max-width:100%;width:100%;min-width:0;overscroll-behavior-x:contain;scrollbar-width:thin;border-radius:.4rem;}
.ui-table-scroll:focus-visible {outline:2px solid var(--primary);outline-offset:2px;}
table {width:100%;border-collapse:collapse;}
th,td,.sys-table td,.sys-table th {padding:.85rem .85rem;border-bottom:var(--line) solid var(--border);font-size:.83rem;vertical-align:middle;line-height:1.5;}
th,.sys-table th {font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.035em;background:#edf3f6;white-space:nowrap;}
td {white-space:nowrap;}
td:first-child {font-weight:500;}
td small {display:block;font-size:.74rem;line-height:1.5;color:var(--text-soft);}
td .btn-group {overflow:visible;}
.sifrarnik-col-naziv {min-width:15rem;max-width:none!important;}
.ui-table-search {min-width:12rem;width:20rem;max-width:100%;padding-left:2.35rem!important;}
.ui-search-wrap {position:relative;display:flex;align-items:center;gap:.6rem;}
.ui-search-wrap .fa-solid {position:absolute;left:.75rem;color:var(--text-soft);}
.ui-table-footer {display:flex;gap:.7rem;align-items:center;justify-content:space-between;padding:.9rem 0 0;color:var(--text-soft);font-size:.73rem;}
.ui-row-actions {display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;}
.ui-empty {padding:2rem 1rem!important;text-align:center;color:var(--text-soft);white-space:normal;}
.business-form {max-width:none;width:100%;}
.card[style*="max-width:560px"],.card[style*="max-width: 560px"],.card[style*="max-width:720px"],.card[style*="max-width: 680px"] {max-width:none!important;}
.ui-record-form {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.6rem;align-items:start;margin-top:1.25rem;}
.ui-record-form>p {margin:0;min-width:0;max-width:none;}
.ui-record-form>p:has(textarea),.ui-record-form>p:has(input[type=checkbox]),.ui-record-form>.errorlist {grid-column:1/-1;}
.ui-record-form>p label {display:block;margin:0 0 .45rem;}
.ui-record-form .form-actions {grid-column:1/-1;display:flex;gap:.6rem;justify-content:flex-end;border-top:1px solid var(--border);padding-top:1.1rem;}
.ui-record-form .form-actions>.btn-group {margin-top:0!important;}
.ui-record-form .form-actions button {margin-top:0!important;}
.ui-inline-form {display:grid;grid-template-columns:minmax(12rem,1fr) minmax(12rem,1fr) auto;align-items:end;gap:1rem;margin-top:1.25rem;border-top:1px solid var(--border);padding-top:1rem;}
.ui-inline-form label {margin:0 0 .45rem;display:block;}
.ui-inline-form button {margin:0!important;}
.ui-contact-summary {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.2rem 0;margin-bottom:1rem;border-block:1px solid var(--border);}
.ui-contact-summary dt {font-size:.73rem;color:var(--text-soft);margin-bottom:.3rem;}
.ui-contact-summary dd {margin:0;font-size:.88rem;overflow-wrap:anywhere;}
.quote-workspace,.sys-workspace,.stock-editor {max-width:none;width:100%;margin:0;font-size:.925rem;}
.quote-heading {gap:1.2rem;align-items:center;}
.quote-heading p {font-size:.85rem;max-width:none;}
.quote-heading h2 {margin-top:.2rem;}
.quote-back,.sys-back {font-size:.78rem;}
.quote-body {grid-template-columns:minmax(0,1fr) minmax(15rem,20%);gap:var(--space);}
.quote-customer,.quote-items-section,.quote-summary {padding:var(--space);}
.quote-summary {top:calc(5.7rem + var(--page-space));}
.quote-summary h3 {font-size:1.05rem;}
.quote-summary dl div {font-size:.8rem;}
.quote-summary-total strong {font-size:1.8rem;}
.quote-summary-total span,.quote-summary-note {font-size:.76rem;}
.quote-section-heading p {font-size:.78rem;line-height:1.5;}
.quote-section-heading>div {min-width:0;}
.quote-item-card {padding:1.1rem;gap:1rem;}
.quote-item-name {font-size:.96rem;}
.quote-item-info,.quote-item-specs,.quote-item-number {font-size:.73rem;}
.quote-item-total {font-size:1.18rem;}
.quote-item-thumbnail {flex-basis:4.5rem;height:5rem;}
.quote-item-thumbnail svg,.quote-item-thumbnail img {width:100%;height:100%;object-fit:contain;}
.qd-position-heading h4 {font-size:1.18rem;line-height:1.4;}
.qd-position-heading p {font-size:.8rem;}
.qd-position-price strong {font-size:1.18rem;}
.qd-position-price small {font-size:.72rem;}
.qd-position-layout {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;}
.qd-diagram {padding:.85rem;min-width:0;}
.qd-diagram img {width:100%;max-height:27rem;}
.quote-detail .qw-review div {grid-template-columns:7rem minmax(0,1fr);padding:.6rem 0;font-size:.8rem;}
.qw-review dd {min-width:0;overflow-wrap:break-word;}
.qd-position {padding-bottom:1.5rem;margin-bottom:1.5rem;}
.qd-position-links a,.qd-position-links button,.qd-legacy summary,.qw-small {font-size:.77rem;}
.qd-actions {display:flex;flex-wrap:wrap;gap:.55rem;}
.qd-action-toolbar {display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;}
.qd-action-toolbar>.qd-actions,.qd-action-toolbar form {display:contents;}
.skica-modal {width:min(90vw,80rem)!important;max-width:none!important;height:88dvh;max-height:88dvh!important;border:var(--line) solid var(--border);border-radius:var(--radius);}
.skica-modal-header,.skica-modal-footer {padding:.85rem 1rem;border-color:var(--border);gap:.7rem;flex:none;}
.skica-modal-header h3 {font-size:1rem;line-height:1.4;min-width:0;}
.skica-modal-close {display:flex;align-items:center;justify-content:center;width:var(--control);min-height:44px;flex:none;border-radius:var(--radius-sm);}
.skica-modal-close:hover {background:var(--primary-tint);}
.skica-toolbar {gap:.6rem;padding:.75rem 1rem;flex:none;border-color:var(--border);}
.skica-alati {gap:.25rem;padding-right:.6rem;}
.skica-alat {width:var(--control);height:var(--control);min-width:44px;min-height:44px;font-size:1.05rem;border-radius:var(--radius-sm);}
.skica-alat:hover {background:#edf3f6;border-color:#a6bfcc;}
.skica-alat.aktivan {background:var(--primary-dark);border-color:var(--primary-dark);}
.skica-alat.aktivan:hover {background:var(--primary-darker);}
.skica-boje {gap:.35rem;flex-wrap:wrap;}
.skica-boja,.skica-boja-custom {width:1.8rem;height:1.8rem;min-width:28px;flex:none;}
.skica-debljina-label {font-size:.78rem;white-space:nowrap;}
.skica-debljina-label input {min-height:44px;width:8rem;padding:0;}
.skica-canvas-wrap {min-height:0;padding:.5rem;}
#skica-canvas {height:auto!important;border-color:var(--border);border-radius:var(--radius-sm);}
#skica-naziv-input {font-size:.85rem;min-width:0;}
.skica-modal-footer .btn-group {flex:none;}
.quote-workspace .qw-modal[open] {width:min(88vw,84rem)!important;max-width:none!important;max-height:88dvh!important;border-radius:.65rem;}
.qw-editor-layout {grid-template-columns:minmax(0,1fr) minmax(16rem,34%);gap:1.5rem;padding:1.5rem;}
.qw-dialog-header,.qw-header {padding:1.2rem 1.5rem;}
.qw-steps,.qw-tabs {gap:.5rem;padding:0 1.5rem;}
.qw-steps button,.qw-tabs button {font-size:.8rem;min-height:3rem;white-space:nowrap;}
.qw-field label {font-size:.78rem!important;}
.quote-workspace :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) {font-size:.87rem!important;min-height:max(44px,var(--control))!important;padding:.6rem .75rem;}
.qw-preview {position:sticky;top:0;}
.qw-preview svg,.qw-preview img {max-width:100%;height:auto;max-height:25rem;}
.quote-workspace .qw-drawing-dialog {width:min(88vw,110rem);max-width:none;max-height:88dvh;border-radius:var(--radius);}
.quote-workspace .qw-drawing-dialog header,.quote-workspace .qw-drawing-dialog footer {padding:.9rem 1.2rem;}
.quote-workspace .qw-big-drawing {padding:1rem;}
.quote-workspace .qw-big-drawing svg {min-width:34rem;}
.qw-preview h4,.qw-review h4 {font-size:.85rem;}
.qw-footer {padding:1.1rem 1.5rem;gap:.7rem;}
.qw-footer .qw-button {font-size:.8rem!important;}
.sys-heading {margin:0 0 1.3rem;gap:1.2rem;}
.sys-heading p {font-size:.85rem;}
.sys-workspace small,.sys-note {font-size:.76rem;}
.sys-surface {padding:var(--space);margin-bottom:var(--space);}
.sys-toolbar {gap:1rem;background:#f5f8fa;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);}
.sys-field label {font-size:.8rem;}
.sys-workspace :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) {font-size:.87rem;min-height:var(--control);padding:.6rem .75rem;}
.sys-edit-body {grid-template-columns:minmax(0,1fr) minmax(15rem,24%);gap:2rem;padding:1.5rem;}
.sys-help {font-size:.78rem;padding-left:1.5rem;}
.sys-steps {gap:.7rem;padding:0 1.5rem;}
.sys-steps button {font-size:.8rem;white-space:nowrap;}
.sys-steps button {border-bottom-color:transparent;border-radius:.35rem;}
.sys-steps button:hover,.qw-steps button:hover {background:#e2ebf0;}
.sys-steps button[aria-current=step],.qw-steps button[aria-current=step] {background:var(--primary-tint);color:var(--primary-darker);}
.sys-steps button[aria-current=step] {border-bottom-color:transparent;}
.sys-steps button[aria-current=step]:hover,.qw-steps button[aria-current=step]:hover {background:#dce8ee;}
.stock-editor {padding:var(--space);}
.stock-fields {gap:1.2rem 1.5rem;}
.stock-steps {gap:.6rem;}
.stock-steps button {font-size:.85rem;padding:.65rem .85rem;white-space:nowrap;}
.stock-steps button:hover {background:#e8eff3;}
.stock-steps button[aria-current=step]:hover {background:#315b70;}
.stock-field small {font-size:.76rem;}
.stock-field :is(input:not([type=checkbox]),select,textarea) {font-size:.87rem;}
.stock-controls {margin-top:1.5rem;padding-top:1rem;}
.stock-history {font-size:.85rem;}
.messages li {font-size:.84rem;box-shadow:none;}
.messages li::before {content:''!important;display:block;width:1.2rem;height:1.2rem;flex:none;background:currentColor;mask:url('../icons/material/info.svg') center/contain no-repeat;}
.messages .success::before {mask-image:url('../icons/material/check_circle.svg');}
.messages .error::before {mask-image:url('../icons/material/error.svg');}
.ui-home-hero {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:1.7rem;background:#fff;border-top:.2rem solid var(--primary);}
.ui-home-hero h2 {font-size:1.65rem;margin:.35rem 0 .65rem;}
.ui-home-hero p {color:var(--text-soft);max-width:65ch;}
.ui-home-modules {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space);margin-bottom:var(--space);}
.ui-module {border:var(--line) solid var(--border);background:#fff;border-radius:var(--radius);padding:1.1rem;display:grid!important;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.9rem!important;font-weight:400!important;}
.ui-module .module-icon {width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;background:var(--primary-tint);border-radius:.4rem;font-size:1.25rem;}
.ui-module strong {font-size:.88rem;display:block;}
.ui-module small {font-size:.7rem;color:var(--text-soft);display:block;font-weight:400;line-height:1.45;margin-top:.25rem;}
.ui-module:hover {background:#f8fafb;border-color:#a8c0cc;}
.ui-dashboard-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space);align-items:stretch;}
.ui-dashboard-grid>.card {margin-bottom:0;}
.ui-dashboard-grid .ui-wide {grid-column:1/-1;}
.ui-progress {height:.35rem;background:#e8eff2;border-radius:.2rem;margin-top:.55rem;overflow:hidden;}
.ui-progress>span {display:block;height:100%;background:var(--primary);width:var(--value,0%);}
.bottom-nav-menu-btn {box-shadow:none!important;transform:none!important;}
.mobile-full-menu-sheet {background:#fff;color:var(--text);border-radius:.8rem .8rem 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;padding:1rem;}
.mobile-menu-heading {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1.1rem;font-weight:700;padding:.4rem .2rem .7rem;}
.mobile-menu-heading button {border:1px solid var(--border);background:#f3f7f9;border-radius:.4rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;}
.mobile-full-menu-sheet .sidebar-section-title {color:var(--text-soft);padding:.8rem .3rem .3rem;}
.mobile-full-menu-sheet a {flex-direction:row;justify-content:flex-start;text-align:left;color:var(--text);padding:.65rem .6rem;gap:.6rem;font-size:.8rem;border:1px solid var(--border);white-space:nowrap;min-width:0;}
.mobile-full-menu-sheet a .icon-box {width:2rem;height:2rem;background:transparent;}
.mobile-full-menu-sheet a .icon-box i {color:var(--primary);font-size:1.1rem;}
.mobile-full-menu-sheet a:hover {background:#edf3f6;}
.mobile-full-menu-sheet a.active {background:var(--primary-dark);border-color:var(--primary-dark);color:white;}
.mobile-full-menu-sheet a.active:hover {background:var(--primary-darker);}
.mobile-full-menu-sheet a.active .icon-box {background:transparent;}
.mobile-full-menu-sheet a.active .icon-box i {color:#fff;}
.mobile-full-menu-sheet .logout-form {grid-column:1/-1;}
.mobile-full-menu-sheet .logout-form button {justify-content:flex-start;color:var(--text);font-size:.8rem;border:1px solid var(--border);border-radius:.4rem;}
.mobile-full-menu-sheet .logout-form button:hover {background:var(--primary-tint);color:var(--text);}
@media(min-width:2100px) {
  .ui-dashboard-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .ui-dashboard-grid .ui-wide {grid-column:auto;}
  .quote-item-card {padding:1.35rem;}
  .qd-diagram img {max-height:32rem;}
  .ui-home-hero {padding:2rem;}
}
@media(max-width:1200px) {
  .ui-home-modules {grid-template-columns:repeat(2,minmax(0,1fr));}
  .quote-body {grid-template-columns:minmax(0,1fr) 15rem;}
  .qd-position-layout {grid-template-columns:minmax(0,1fr);gap:1rem;}
}
@media(min-width:701px) and (max-width:1100px) {
  .sidebar:not(.is-expanded) {width:4.7rem;}
  .sidebar:not(.is-expanded) :is(.sidebar-brand .logo-full,.sidebar-search,.sidebar-nav .text,.sidebar-section-title,.sidebar-footer .user-pill .text) {display:none;}
  .sidebar:not(.is-expanded) .sidebar-brand .logo-icon {display:block;height:auto;width:2.2rem;}
  .sidebar:not(.is-expanded) .sidebar-brand {padding:1.4rem .7rem;justify-content:center;}
  .sidebar:not(.is-expanded) .sidebar-nav a {justify-content:center;padding:.65rem .2rem;}
  .sidebar:not(.is-expanded) .sidebar-footer {padding:.6rem .2rem;flex-direction:column;align-items:center;}
  .sidebar.is-expanded {width:var(--sidebar-width);}
  .sidebar.is-expanded :is(.sidebar-nav .text,.sidebar-section-title,.sidebar-footer .text) {display:initial;}
  .sidebar.is-expanded .sidebar-brand .logo-full {display:block;}
  .sidebar.is-expanded .sidebar-brand .logo-icon {display:none;}
  .ui-home-hero {grid-template-columns:minmax(0,1fr);gap:.8rem;}
  .grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px) {
  .quote-body {grid-template-columns:minmax(0,1fr);}
  .quote-summary {position:static;}
  .quote-summary dl {display:flex;gap:.5rem 1.25rem;flex-wrap:wrap;}
  .quote-summary dl div {gap:.5rem;}
  .quote-summary .qw-button {max-width:none;}
  .ui-dashboard-grid {grid-template-columns:minmax(0,1fr);}
  .ui-dashboard-grid .ui-wide {grid-column:auto;}
}
@media(max-width:700px) {
  :root {--page-space:.8rem;--space:1rem;--control:3rem;}
  .sidebar {display:none!important;}
  .topbar {min-height:4.5rem;padding:.65rem .9rem;gap:.8rem;flex-wrap:nowrap;}
  .topbar-logo {display:flex;align-items:center;flex:1;min-width:0;}
  .topbar-logo img {width:9.3rem;height:auto;max-width:100%;}
  .topbar-heading,.ui-date {display:none;}
  .topbar-right {gap:.45rem;}
  .topbar .user-chip {font-size:.72rem;max-width:8rem;padding:.35rem .55rem;}
  .topbar .avatar-dot {font-size:.9rem;}
  .topbar-logout {display:block;}
  .topbar-logout button {min-width:44px;min-height:44px;}
  main.content {padding:.8rem .8rem calc(6rem + env(safe-area-inset-bottom));}
  .bottom-nav {display:flex;position:fixed;bottom:0;left:0;right:0;background:#21414f;border-top:1px solid #ffffff20;padding:.4rem .4rem calc(.4rem + env(safe-area-inset-bottom));z-index:50;min-height:4.7rem;box-shadow:none;align-items:stretch;}
  .bottom-nav :is(a,button) {display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.35rem;min-width:0;min-height:44px;color:#c5d9e2;font-size:.67rem;white-space:nowrap;background:transparent;border:0;border-radius:.4rem;padding:.4rem .15rem;}
  .bottom-nav :is(a,button) i {font-size:1.25rem;}
  .bottom-nav button.bottom-nav-menu-btn i {display:inline-block;width:1.25em;height:1.25em;min-height:0;border-radius:0;background:currentColor;color:#fff;margin:0;box-shadow:none;}
  .bottom-nav :is(a,button):hover {background:#2b5366;color:#fff;}
  .bottom-nav :is(a,button).active,.bottom-nav-menu-btn[aria-expanded=true] {background:#35617a!important;color:#fff!important;}
  .bottom-nav :is(a,button).active:hover,.bottom-nav-menu-btn[aria-expanded=true]:hover {background:#294e60!important;}
  .mobile-full-menu {display:none;position:fixed;inset:0;z-index:100;}
  .mobile-full-menu.open {display:block;}
  .mobile-full-menu-sheet {max-height:82dvh;display:grid;}
  .mobile-full-menu-sheet a {font-size:.76rem;}
  .mobile-full-menu-sheet a span:not(.icon-box) {white-space:normal;line-height:1.35;}
  .card h2,.sys-workspace h2,.quote-heading h2 {font-size:1.35rem;}
  .ui-home-hero {display:block;padding:1.15rem;}
  .ui-home-hero h2 {font-size:1.4rem;}
  .ui-home-hero .btn-group {display:flex;flex-wrap:wrap;margin-top:1rem;}
  .grid-2,.grid-3,.grid-4 {grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
  .grid-2:has(>.card) {grid-template-columns:minmax(0,1fr);}
  .grid-3>.kpi-tile:last-child {grid-column:1/-1;}
  .ui-money-grid {grid-template-columns:minmax(0,1fr);}
  .kpi-tile {padding:.95rem .85rem;}
  .kpi-tile .kpi-value {font-size:1.6rem;}
  .kpi-tile .kpi-label {font-size:.73rem;}
  .ui-home-modules {grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;}
  .ui-module {grid-template-columns:2rem minmax(0,1fr);gap:.6rem!important;padding:.85rem;}
  .ui-module .module-icon {width:2rem;height:2rem;font-size:1.05rem;}
  .ui-module>i {display:none;}
  .ui-module strong {font-size:.79rem;}
  .ui-module small {display:none;}
  .card-header-row,.ui-section-tools {align-items:stretch;flex-wrap:wrap;}
  .ui-search-wrap {width:100%;}
  .ui-table-search {width:100%;}
  .ui-section-tools .btn-group {justify-content:flex-start;}
  .filters {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.85rem;}
  .filters>div:first-child {grid-column:1/-1;}
  .filters>div:last-child {align-self:end;}
  .filters .btn {width:100%;}
  .ui-record-form {grid-template-columns:minmax(0,1fr);gap:1rem;}
  .ui-inline-form,.ui-contact-summary {grid-template-columns:minmax(0,1fr);}
  .ui-record-form .form-actions {justify-content:stretch;}
  .ui-record-form .form-actions .btn {flex:1;justify-content:center;}
  .card table {min-width:0;}
  .ui-table-scroll table:not(.ui-two-column) {min-width:max-content;}
  td,th,.sys-table td,.sys-table th {padding:.75rem .65rem;font-size:.78rem;}
  th,.sys-table th {font-size:.65rem;}
  .sys-table td,.sys-table .sys-name,.sys-table .sys-status {white-space:normal;}
  .ui-table-footer {font-size:.7rem;}
  .qd-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;}
  .qd-action-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .qd-action-toolbar>.qd-actions {display:contents;}
  .skica-modal {width:calc(100% - 24px)!important;}
  .skica-modal-overlay {padding:0;}
  .skica-modal-header h3 {font-size:.85rem;}
  .skica-toolbar {padding:.65rem .8rem;gap:.45rem;}
  .skica-alati {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;border:0;padding:0;margin:0;gap:.15rem;}
  .skica-alat {width:100%;min-width:0;height:44px;}
  .skica-modal-footer .btn-group .btn {flex:1;justify-content:center;}
  .qd-actions .qw-button {font-size:.73rem!important;padding:.65rem .45rem!important;gap:.3rem!important;width:100%;min-width:0;}
  .quote-section-heading h3 {font-size:1rem;}
  .qd-position-heading {flex-wrap:wrap;gap:.65rem;}
  .qd-position-price {text-align:left;}
  .qd-position-layout {grid-template-columns:minmax(0,1fr);}
  .qd-diagram img {max-height:21rem;}
  .quote-detail .qw-review div {grid-template-columns:6rem minmax(0,1fr);font-size:.76rem;}
  .quote-workspace .qw-modal[open] {width:calc(100% - 24px)!important;max-height:88dvh!important;border-radius:.6rem;}
  .quote-workspace .qw-drawing-dialog {width:calc(100% - 24px);}
  .qw-editor-layout {display:flex;flex-direction:column;padding:1rem;gap:1rem;}
  .qw-header,.qw-dialog-header {padding:.9rem 1rem;}
  .qw-steps,.qw-tabs {padding:0 1rem;gap:.3rem;}
  .qw-field label {font-size:.76rem!important;}
  .qw-footer {padding:.85rem 1rem;flex-wrap:wrap;}
  .qw-footer .qw-button {font-size:.74rem!important;padding:.6rem .75rem!important;}
  .quote-workspace :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),.sys-workspace :is(input:not([type=checkbox]):not([type=hidden]),select,textarea) {font-size:1.067rem!important;}
  .sys-edit-body {display:block;padding:1rem;}
  .sys-help {border-left:0;border-top:1px solid var(--border);padding:1rem 0 0;margin-top:1rem;}
  .sys-steps {padding:0 .5rem;gap:.25rem;}
  .sys-steps button {padding:.8rem .5rem;font-size:.74rem;}
  .sys-toolbar {display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;}
  .sys-grid,.sys-grid.three,.stock-fields {grid-template-columns:minmax(0,1fr);}
  .sys-field {margin-bottom:1rem;}
  .stock-steps button {padding:.65rem .35rem;font-size:.76rem;}
  .stock-controls {gap:.6rem;flex-wrap:wrap;}
  .stock-controls>div {gap:.6rem;flex:1;}
  .stock-controls .btn {font-size:.78rem!important;padding:.65rem .75rem!important;}
}
@media(max-width:359px) {
  .ui-home-modules {grid-template-columns:minmax(0,1fr);}
  .topbar .user-chip {max-width:5.6rem;}
  .topbar-logo img {width:8rem;}
  .qd-actions {grid-template-columns:minmax(0,1fr);}
  .qd-action-toolbar {grid-template-columns:minmax(0,1fr);}
  .stock-steps button {font-size:.68rem;}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
/* Shared mobile controls: equal header heights and date fields that can shrink. */
.ui-date-control{display:contents;}
label:has(+ .ui-date-control>input[required])::after{content:" *";color:#c0392b;font-weight:700;}
@media(max-width:700px){
 .almont-app{--control:48px;}
 .topbar .user-chip,.topbar-logout button{box-sizing:border-box;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0 .65rem;line-height:1;}
 .topbar .avatar-dot,.topbar-logout button i{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;width:1.25rem;height:1.25rem;flex:none;}
 .topbar-logout{margin:0;display:flex;align-items:center;width:44px;min-width:44px;flex:0 0 44px;}
 .topbar-logout button{width:44px;min-width:44px;padding:0;}
 .almont-app :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;font-size:16px;}
 .almont-app input:is([type=date],[type=time],[type=datetime-local]){width:100%;min-inline-size:0;max-inline-size:100%;min-height:44px;text-align:left;}
 .almont-app input:is([type=date],[type=time],[type=datetime-local])::-webkit-date-and-time-value{min-width:0;text-align:left;}
 .almont-app input:is([type=date],[type=time],[type=datetime-local])::-webkit-datetime-edit{min-width:0;padding:0;}
 .almont-app main :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select){height:var(--control)!important;min-height:var(--control)!important;box-sizing:border-box!important;}
 .almont-app .ui-date-control{display:block;position:relative;width:100%;inline-size:100%;min-width:0;min-inline-size:0;max-width:100%;height:var(--control);border:1px solid #b9ccd5;border-radius:var(--radius-sm);background:#fff;overflow:hidden;box-sizing:border-box;}
 .almont-app .ui-date-control:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #41769015;}
 .almont-app .ui-date-control>input{display:block!important;-webkit-appearance:none;appearance:none;width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important;height:100%!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;padding:.65rem .75rem!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;text-align:left;}
 .almont-app .ui-date-control>input::-webkit-date-and-time-value{min-width:0;min-inline-size:0;width:100%;text-align:left;}
 .filters>div{width:100%;min-width:0;max-width:100%;}
 .filters :is(input,select,button){width:100%;min-width:0;max-width:100%;}
 .bottom-nav{gap:.35rem;}
 .bottom-nav :is(a,button){position:static!important;transform:none!important;margin:0!important;box-shadow:none!important;transition:background-color .16s ease,color .16s ease;}
 .bottom-nav :is(a,button) i{color:inherit!important;}
 .bottom-nav button.bottom-nav-menu-btn{background:transparent;}
 .mobile-full-menu-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
 .mobile-full-menu-sheet{left:.6rem;right:.6rem;bottom:calc(5.1rem + env(safe-area-inset-bottom));max-height:calc(100dvh - 7rem - env(safe-area-inset-bottom) - env(safe-area-inset-top));border-radius:.85rem;transform-origin:var(--menu-origin-x,50%) 100%;overscroll-behavior:contain;box-shadow:0 1rem 3rem #102e4050;}
 .mobile-full-menu.opening .mobile-full-menu-sheet{animation:almont-menu-genie .46s cubic-bezier(.22,.65,.22,1) both;}
 .mobile-full-menu.closing .mobile-full-menu-sheet{animation:almont-menu-genie .38s cubic-bezier(.4,0,.65,1) reverse both;pointer-events:none;}
 .mobile-full-menu.opening .mobile-full-menu-backdrop{animation:almont-menu-backdrop .32s ease both;}
 .mobile-full-menu.closing .mobile-full-menu-backdrop{animation:almont-menu-backdrop .38s ease reverse both;}
 .mobile-menu-heading{position:sticky;top:-1rem;background:#fff;z-index:1;}
}
@media(max-width:480px){.filters{grid-template-columns:minmax(0,1fr);}.filters>div{grid-column:1/-1;}}
@media(max-width:700px) and (hover:none){
 .bottom-nav :is(a,button):hover{background:transparent!important;color:#c5d9e2!important;}
 .bottom-nav :is(a,button).active:hover,.bottom-nav-menu-btn[aria-expanded=true]:hover{background:#35617a!important;color:#fff!important;}
 .bottom-nav :is(a,button):active{background:#2b5366!important;color:#fff!important;}
}
@keyframes almont-menu-genie{
 0%{opacity:0;transform:translateY(var(--menu-launch-y,44px)) scale(.18,.003);}
 15%{opacity:1;transform:translateY(calc(var(--menu-launch-y,44px) * .75)) scale(.2,.18);}
 45%{opacity:1;transform:translateY(calc(var(--menu-launch-y,44px) * .3)) scale(.4,.66);}
 75%{opacity:1;transform:translateY(0) scale(.8,.96);}
 100%{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes almont-menu-backdrop{from{opacity:0;}to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.mobile-full-menu-sheet,.mobile-full-menu-backdrop{animation:none!important;}.bottom-nav :is(a,button){transition:none;}}
@media print {.sidebar,.topbar,.bottom-nav,.mobile-full-menu,.ui-skip {display:none!important;}main.content {padding:0;}body {background:#fff;}.card {break-inside:avoid;}.ui-table-scroll {overflow:visible;}.btn,.ui-section-tools,.ui-table-footer {display:none!important;}}

.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:1rem;margin-bottom:1.25rem}.kpi-row .kpi-value{font-size:1.55rem}
.ui-filter-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:end;margin:.25rem 0 1rem}.ui-filter-row label{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;font-weight:600;min-width:9rem;flex:1 1 9rem}.ui-filter-row label input,.ui-filter-row label select{width:100%}
.ui-log{max-height:24rem;overflow:auto;background:#f5f7f8;border:1px solid var(--border);border-radius:.5rem;padding:.8rem;font-size:.72rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.ui-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem}.ui-template{border:1px solid var(--border);border-radius:.6rem;padding:.8rem;display:flex;flex-direction:column;gap:.6rem;min-width:0}.ui-template-drawing{height:9rem;display:flex;justify-content:center}.ui-template-drawing svg{width:100%;height:100%}.ui-template-form{display:flex;flex-direction:column;gap:.5rem}.ui-template-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600}
.ui-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(13rem,1fr);gap:.8rem;overflow-x:auto;padding-bottom:.5rem}.ui-board-col{background:#f4f7f9;border:1px solid var(--border);border-radius:.6rem;padding:.7rem;min-width:0}.ui-board-col h3{font-size:.85rem;display:flex;justify-content:space-between;margin:0 0 .6rem}.ui-board-card{display:flex;flex-direction:column;gap:.2rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.55rem;margin-bottom:.5rem;color:inherit;text-decoration:none;font-size:.78rem}.ui-board-card small{color:var(--text-soft)}
.ui-today ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.ui-today li{border-left:3px solid #3f7591;padding:.35rem .7rem;background:#f6f9fa;border-radius:.3rem;font-size:.85rem}.ui-today li a{color:inherit;text-decoration:none}.ui-today li a:hover{text-decoration:underline}.ui-today-dug,.ui-today-narudzba{border-color:#c0392b!important}.ui-today-online{border-color:#2f7d4f!important}.ui-today-lager{border-color:#d9963a!important}
/* Kalendar terena */
.cal-toolbar{display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:center}.cal-views,.cal-nav{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.cal-nav strong{min-width:10rem;text-align:center}.cal-filter{display:flex;gap:.4rem;align-items:center;font-size:.85rem}.cal-filter select{width:auto}
.cal-head,.cal-grid.cal-mjesec{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.cal-head span{font-size:.75rem;font-weight:600;color:var(--text-soft);text-align:center}
.cal-grid.cal-sedmica{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.45rem}
.cal-cell{background:#f8fafb;border:1px solid var(--border);border-radius:.45rem;padding:.4rem;min-height:5.5rem;min-width:0;display:flex;flex-direction:column;gap:.25rem}.cal-sedmica .cal-cell{min-height:12rem}
.cal-izvan{opacity:.5}.cal-danas{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.cal-date{font-size:.75rem;font-weight:700;color:var(--text);text-decoration:none}
.cal-ev{display:block;font-size:.72rem;line-height:1.3;padding:.25rem .35rem;border-radius:.3rem;border-left:3px solid var(--primary);background:#fff;color:var(--text);text-decoration:none;overflow:hidden;text-overflow:ellipsis}.cal-ev small{display:block;color:var(--text-soft)}
.cal-MONTAZA{border-left-color:#417690}.cal-DOSTAVA{border-left-color:#c58a1a}.cal-SERVIS{border-left-color:#b44b4b}.cal-MJERENJE{border-left-color:#3c8d5a}.cal-otkazan{text-decoration:line-through;opacity:.6}
.cal-legend{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.8rem}.cal-legend .cal-ev{display:inline-block}
.cal-day{display:grid;gap:.8rem}.cal-job{border-left:4px solid var(--primary)}.cal-job header{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.cal-time{font-weight:700;font-size:1.05rem}.cal-job h3{margin:.4rem 0}.cal-job p{margin:.25rem 0}
.cal-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}.cal-actions form{display:flex;gap:.4rem;align-items:center;margin:0}.cal-hours input{width:4.5rem}
.cal-st-ZAVRSEN{background:#e3f1e7;color:#24643a}.cal-st-OTKAZAN{background:#f6e3e3;color:#8a2f2f}.cal-st-ZAKAZAN{background:var(--primary-tint);color:var(--primary-dark)}
@media (max-width:820px){.cal-grid.cal-sedmica{grid-template-columns:1fr}.cal-sedmica .cal-cell{min-height:0}.cal-head{display:none}.cal-grid.cal-mjesec{grid-template-columns:repeat(7,minmax(0,1fr));gap:.15rem}.cal-mjesec .cal-cell{min-height:3.6rem;padding:.2rem}.cal-mjesec .cal-ev{font-size:0;padding:0;height:.35rem;border-left-width:0}.cal-mjesec .cal-ev.cal-MONTAZA{background:#417690}.cal-mjesec .cal-ev.cal-DOSTAVA{background:#c58a1a}.cal-mjesec .cal-ev.cal-SERVIS{background:#b44b4b}.cal-mjesec .cal-ev.cal-MJERENJE{background:#3c8d5a}}
/* Potpis */
.sig-pad{width:100%;max-width:36rem;height:12rem;border:1px dashed var(--primary);border-radius:.5rem;background:#fff;touch-action:none;display:block}
/* Bilješke, upiti */
.note-row{display:flex;justify-content:space-between;gap:.8rem;align-items:flex-start;padding:.55rem 0;border-bottom:1px solid var(--border)}.note-row p{margin:0}.note-row small{color:var(--text-soft)}.note-done{opacity:.55}.note-done p{text-decoration:line-through}
.note-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin-top:.7rem}.note-form textarea{flex:1 1 18rem}.note-form label{display:flex;flex-direction:column;font-size:.8rem}
.upit-foto{width:4.5rem;height:3.4rem;object-fit:cover;border-radius:.3rem;border:1px solid var(--border)}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Izvještaji, historija */
.rep-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:var(--space)}.rep-grid .card{margin:0}
.rep-bar-col{min-width:9rem}.rep-bar{height:.45rem;background:var(--primary-tint);border-radius:.3rem;overflow:hidden;margin:.12rem 0}.rep-bar span{display:block;height:100%;background:var(--primary-light)}.rep-bar-p span{background:#3c8d5a}
.hist-changes{font-size:.78rem;max-width:34rem}.hist-changes div{overflow-wrap:anywhere}.hist-changes del{color:#8a2f2f}
.price-best td{background:#eef7f0}
.tfa-qr{width:13.75rem;background:#fff;padding:.5rem;border:1px solid var(--border);border-radius:.5rem}.tfa-qr svg{width:100%;height:auto;display:block}
/* Podgrupe u meniju (Šifarnik) */
.sidebar-subsection-title{padding:.55rem .7rem .25rem 1rem;font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;color:#7f9cab;line-height:1.3}
.mobile-full-menu-sheet .sidebar-subsection-title{color:var(--text-soft);padding:.5rem .3rem .2rem .6rem}
.sidebar.collapsed .sidebar-subsection-title{display:none}
.mobile-full-menu-sheet .sidebar-subsection-title{grid-column:1 / -1}
@media(min-width:701px) and (max-width:1100px){.sidebar:not(.is-expanded) .sidebar-subsection-title{display:none}.sidebar.is-expanded .sidebar-subsection-title{display:block}}
.mobile-full-menu-sheet .sidebar-section-title{display:block;grid-column:1 / -1;font-weight:700}