:root{--bg:#f4f6fa;--surface:#fff;--surface2:#f8f9fc;--text:#182033;--muted:#748094;--line:#e1e6ee;--brand:#28236f;--brand2:#18164c;--accent:#16a38f;--danger:#d9465f;--warning:#b7791f;--shadow:0 12px 35px rgba(28,33,55,.08);--radius:14px;--sidebar:244px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;font-family:Inter,Aptos,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#151347;color:#fff;padding:22px 16px 16px;display:flex;flex-direction:column;z-index:50}.brand{display:flex;gap:12px;align-items:center;padding:3px 8px 20px}.brand-mark{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff 0 50%,#78d9cb 50%);color:#17164f;font-size:12px;font-weight:900;letter-spacing:-.5px;box-shadow:0 5px 18px rgba(0,0,0,.15)}.brand strong{display:block;font-size:15px}.brand small{display:block;color:#aaa8d1;margin-top:2px;font-size:11px}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#c9c8df;font-weight:650;font-size:13px;transition:.18s}.nav a span{width:18px;text-align:center;color:#8bd9cc}.nav a:hover,.nav a.is-active{background:rgba(255,255,255,.10);color:#fff}.nav-label{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:#716fa2;padding:20px 11px 6px}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:16px 6px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#28256c;font-weight:800;color:#8fe0d3}.sidebar-user-info{min-width:0;flex:1}.sidebar-user-info strong,.sidebar-user-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-info strong{font-size:11px}.sidebar-user-info small{color:#8f8db7;font-size:9px;margin-top:2px}.sidebar .icon-btn{color:#c9c8df;background:transparent}.main{margin-left:var(--sidebar);min-height:100vh;padding:32px clamp(24px,3.5vw,52px) 60px;max-width:1600px}.mobile-topbar{display:none}.sidebar-overlay{display:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-head h1{margin:1px 0 7px;font-size:28px;letter-spacing:-.8px;color:#17164d}.page-head p{margin:0}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.3px;font-weight:800;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:11px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:0;border-radius:9px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750;font-size:12px;transition:.18s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 7px 18px rgba(40,35,111,.15)}.btn-primary:hover{background:var(--brand2)}.btn-secondary{background:#e9e8f5;color:#272467}.btn-light{background:#f2f4f8;color:#3b4558;border:1px solid #e1e5ec}.btn-lg{padding:12px 17px;font-size:13px}.btn-xs{padding:6px 9px;font-size:10px;border-radius:7px}.w-full{width:100%}.icon-btn{border:0;width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#eef1f5;color:#4c5668;font-size:18px}.icon-btn:hover{background:#e4e8ee}.icon-btn.danger{color:var(--danger);background:#fff0f2}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 7px rgba(24,32,51,.025);margin-bottom:20px}.form-panel{padding:22px}.panel-head{padding:18px 20px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2,.panel h3{margin:0 0 5px}.panel-head h2{font-size:16px;color:#17164d}.panel-head p{margin:0;font-size:11px}.setup-banner{background:linear-gradient(100deg,#201c68,#2d2979);color:#fff;border-radius:13px;padding:16px 18px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow)}.setup-banner strong,.setup-banner span{display:block}.setup-banner strong{font-size:13px;margin-bottom:3px}.setup-banner span{font-size:10.5px;color:#c7c5df}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;min-height:128px;display:flex;flex-direction:column}.stat-card.accent{background:linear-gradient(145deg,#28236f,#191650);color:#fff;border:0}.stat-card>span{font-size:10px;color:#7b8597;font-weight:700}.stat-card.accent>span{color:#bcbadd}.stat-card>strong{font-size:24px;margin:9px 0 7px;color:#191750}.stat-card.accent>strong{color:#fff}.stat-card a,.stat-card small{font-size:9.5px;margin-top:auto;color:#7a8495}.stat-card a{color:var(--accent);font-weight:750}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#778295;text-align:left;padding:10px 16px;border-bottom:1px solid var(--line);background:#fafbfc}.data-table td{padding:12px 16px;border-bottom:1px solid #edf0f4;font-size:11.5px;vertical-align:middle}.data-table tbody tr:hover{background:#fbfbfd}.data-table tr:last-child td{border-bottom:0}.right{text-align:right!important}.nowrap{white-space:nowrap}.empty{text-align:center!important;color:#8b94a3;padding:35px!important}.table-sub{display:block;color:#929bab;margin-top:3px;font-size:9px}.doc-type{display:inline-flex;font-size:7.5px;font-weight:850;letter-spacing:.5px;padding:4px 6px;border-radius:6px;margin-right:7px}.doc-type.invoice{background:#eceafb;color:#28236f}.doc-type.offer{background:#e4f6f2;color:#087d6c}.status{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;background:#edf0f4;color:#687386}.status.draft{background:#fff3d7;color:#9b6812}.status.finalized{background:#e3f6f0;color:#087963}.status.archived{background:#eef0f4;color:#626b7b}.status.cancelled{background:#ffe9ed;color:#b8324d}.tag{display:inline-flex;padding:4px 7px;border-radius:7px;background:#f0f2f6;color:#667185;font-size:8.5px;font-weight:750}.filterbar{display:flex;gap:9px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.filterbar select{width:auto;min-width:105px}.searchbox{flex:1;display:flex;align-items:center;gap:7px;background:#f7f8fa;border:1px solid #e2e6ec;border-radius:9px;padding:0 10px;min-width:220px}.searchbox input{border:0!important;background:transparent!important;padding:9px 2px!important;box-shadow:none!important}.field{display:flex;flex-direction:column;gap:6px;position:relative}.field>span{font-size:9.5px;font-weight:750;color:#566174}.field small{font-size:8.5px;color:#8a94a4}.field input,.field select,.field textarea,.filterbar select{width:100%;border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:9px 10px;color:#1f2937;outline:0;transition:.16s;font-size:11.5px}.field textarea{resize:vertical;line-height:1.5}.field input:focus,.field select:focus,.field textarea:focus,.filterbar select:focus{border-color:#aaa6d5;box-shadow:0 0 0 3px rgba(40,35,111,.07)}.strong-input{font-weight:800;color:var(--brand)!important;background:#f7f7fb!important}.check{display:flex;align-items:center;gap:8px;font-size:11px;color:#596477}.check input{accent-color:var(--brand)}.field-inline{justify-content:center}.form-grid{display:grid;gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.stack{display:flex;flex-direction:column;gap:10px}.stack-lg{display:flex;flex-direction:column;gap:15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title>div{display:flex;align-items:center;gap:10px}.section-title h2{font-size:15px;margin:0;color:#17164d}.step{width:25px;height:25px;border-radius:8px;background:#eceafb;color:#28236f;display:grid;place-items:center;font-size:8px;font-weight:900}.notes-grid{margin-top:15px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.info-list{margin:0}.info-list>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #edf0f4}.info-list>div:last-child{border-bottom:0}.info-list dt{font-size:9px;color:#7f8999}.info-list dd{margin:0;font-size:11px;text-align:right}.headline-row{display:flex;align-items:center;gap:7px;margin-bottom:6px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}.editor-side{min-width:0}.sticky-summary{position:sticky;top:24px;padding:18px}.sticky-summary h3{font-size:14px;color:#17164d}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #edf0f4;font-size:10px}.summary-line strong{text-align:right;max-width:145px}.sticky-summary hr{border:0;border-top:1px solid var(--line);margin:14px 0}.sticky-summary .btn+.btn{margin-top:8px}.accent-text{color:#0b8a76!important}.customer-search-wrap{max-width:100%;margin-bottom:14px}.autocomplete{position:absolute;z-index:30;left:0;right:0;top:100%;background:#fff;border:1px solid #dfe3ea;border-radius:10px;box-shadow:0 15px 35px rgba(30,36,55,.13);display:none;max-height:260px;overflow:auto}.autocomplete.is-open{display:block}.autocomplete-item{padding:10px 12px;border-bottom:1px solid #eef1f4;cursor:pointer}.autocomplete-item:last-child{border-bottom:0}.autocomplete-item:hover{background:#f7f7fb}.autocomplete-item strong{display:block;font-size:11px}.autocomplete-item small{color:#838d9d;font-size:9px}.items-table-wrap{overflow:auto;margin:0 -4px}.items-table{width:100%;border-collapse:separate;border-spacing:4px;min-width:760px}.items-table th{font-size:8px;color:#778194;text-align:left;padding:0 4px 4px}.items-table td{vertical-align:top}.items-table textarea,.items-table input{width:100%;border:1px solid #e0e5eb;border-radius:7px;padding:8px;font-size:10px;background:#fbfcfd;outline:0}.items-table textarea:focus,.items-table input:focus{border-color:#aaa6d5;background:#fff}.items-table th:nth-child(1){width:40%}.items-table th:nth-child(2){width:8%}.items-table th:nth-child(3){width:9%}.items-table th:nth-child(4){width:13%}.items-table th:nth-child(5){width:9%}.items-table th:nth-child(6){width:14%}.items-table td[data-row-total]{padding-top:10px;font-size:10px;font-weight:700}.calc-box{margin-left:auto;width:min(100%,350px);margin-top:18px;border:1px solid #e0e4ea;border-radius:10px;overflow:hidden}.calc-box>div{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #e7eaf0;font-size:10px}.calc-box>div:last-child{border-bottom:0}.calc-box span{color:#778194}.calc-box strong{color:#20283a}.calc-box .grand{background:#f4f3fb;padding:12px}.calc-box .grand span,.calc-box .grand strong{color:#171653;font-weight:850}.calc-box .grand strong{font-size:13px;color:#0d8a76}.document-form details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.document-form details summary::-webkit-details-marker{display:none}.offcanvas{position:fixed;z-index:100;right:0;top:0;bottom:0;width:min(760px,88vw);background:#f0f2f5;box-shadow:-20px 0 60px rgba(21,24,44,.2);transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.offcanvas.is-open{transform:translateX(0)}.offcanvas-backdrop{position:fixed;inset:0;background:rgba(15,17,35,.38);z-index:90;display:none}.offcanvas.is-open+.offcanvas-backdrop{display:block}.offcanvas-head{height:66px;background:#fff;border-bottom:1px solid #dfe3ea;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.offcanvas-head strong,.offcanvas-head small{display:block}.offcanvas-head small{font-size:9px;color:#7f8998;margin-top:3px}.preview-stage{flex:1;overflow:auto;padding:22px;display:flex;justify-content:center;align-items:flex-start}.preview-stage>.invoice-page{transform-origin:top center;box-shadow:0 15px 45px rgba(28,32,52,.12);flex:0 0 auto}.preview-loading{margin:auto;color:#808a9a}.modal{border:0;border-radius:14px;padding:0;width:min(470px,calc(100vw - 32px));box-shadow:0 25px 70px rgba(20,25,45,.25);color:var(--text)}.modal.wide{width:min(620px,calc(100vw - 32px))}.modal::backdrop{background:rgba(19,20,46,.5)}.modal>div,.modal>form{padding:22px}.modal h3{margin:0 0 7px;color:#17164d}.modal p{color:#758095;font-size:11px;line-height:1.6}.modal .field{margin-top:13px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-head p{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.attachment-chip{margin-top:12px;background:#f5f6f9;border:1px solid #e2e5eb;border-radius:8px;padding:9px 11px;font-size:10px;color:#556174}.copy-row{display:flex;gap:6px}.copy-row input{flex:1}.share-result{margin-top:12px}.document-show-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.show-side{display:flex;flex-direction:column;gap:0}.show-side .panel{padding:18px}.show-side .subtle{display:flex;flex-direction:column;gap:4px}.pdf-panel{padding-bottom:20px;overflow:hidden}.pdf-frame{display:block;width:min(100% - 40px,920px);max-width:920px;margin:0 auto;height:860px;border:1px solid #dfe4eb;border-radius:10px;background:#e9edf3;box-shadow:0 10px 28px rgba(22,27,49,.08)}.archive-grid{display:grid;grid-template-columns:380px minmax(0,1fr);gap:20px;align-items:start}.settings-stack{display:flex;flex-direction:column;gap:0}.settings-stack h3{font-size:12px;color:#17164d;margin:0 0 10px}.sticky-actions{position:sticky;bottom:14px;background:#fff;border:1px solid #e0e4eb;border-radius:12px;padding:13px 15px;margin:0;box-shadow:var(--shadow);z-index:20;justify-content:space-between}.auth-body{min-height:100vh;background:#f5f6fa;display:grid;place-items:center;padding:25px}.auth-grid{width:min(940px,100%);min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(31,36,57,.13)}.auth-hero{background:linear-gradient(145deg,#17164b,#2b2676);color:#fff;padding:48px;display:flex;flex-direction:column}.auth-hero h1{font-size:38px;line-height:1.08;letter-spacing:-1.5px;margin:80px 0 18px}.auth-hero p{color:#c8c7df;font-size:13px;max-width:360px;line-height:1.6}.auth-badge{margin-top:auto;align-self:flex-start;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 11px;font-size:9px;color:#b8e5dc}.auth-logo{display:flex;align-items:center;gap:10px;color:inherit}.auth-logo b{font-size:15px}.auth-card{background:#fff;padding:50px;display:flex;flex-direction:column;justify-content:center}.auth-card.solo{width:min(440px,100%);border-radius:18px;box-shadow:0 25px 70px rgba(30,35,54,.1)}.auth-card h1{font-size:50px;color:#211d66;margin:20px 0 5px}.auth-card h2{font-size:25px;color:#17164d;margin:20px 0 6px}.auth-card>.muted{font-size:11px;margin:0 0 23px}.text-link{display:block;margin-top:18px;color:#28236f;font-weight:700;font-size:10px;text-align:center}.alert{padding:10px 12px;border-radius:9px;font-size:10px;margin:12px 0}.alert.danger,.alert.error{background:#fff0f2;color:#b72f49}.alert.success{background:#e6f7f2;color:#087964}.toast{position:fixed;z-index:200;right:28px;top:22px;max-width:390px;padding:11px 14px;border-radius:10px;background:#1f2740;color:#fff;box-shadow:0 13px 35px rgba(15,20,40,.22);font-size:11px;animation:slideToast .25s}.toast.success{background:#097b69}.toast.error{background:#b8324d}@keyframes slideToast{from{transform:translateY(-10px);opacity:0}}@media(max-width:1150px){.stat-grid{grid-template-columns:repeat(2,1fr)}.editor-grid{grid-template-columns:1fr}.editor-side{display:none}.archive-grid{grid-template-columns:1fr}.document-show-grid{grid-template-columns:1fr}.show-side{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){:root{--sidebar:240px}.sidebar{transform:translateX(-105%);transition:.22s}.sidebar.is-open{transform:translateX(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(12,16,31,.42);z-index:40;opacity:0;pointer-events:none;transition:.2s}.sidebar.is-open~.sidebar-overlay{opacity:1;pointer-events:auto}.mobile-topbar{height:52px;padding:0 16px;display:flex;align-items:center;gap:10px;background:#17164b;color:#fff;position:sticky;top:0;z-index:35}.main{margin-left:0;padding:22px 16px 45px}.page-head{flex-direction:column}.page-head .actions{width:100%}.form-grid.three{grid-template-columns:1fr 1fr}.auth-grid{grid-template-columns:1fr;min-height:auto}.auth-hero{display:none}.auth-card{padding:35px}.pdf-frame{width:100%;max-width:none;height:690px}.show-side{grid-template-columns:1fr}.offcanvas{width:96vw}}@media(max-width:560px){.stat-grid{grid-template-columns:1fr}.form-grid.two,.form-grid.three,.form-grid.four{grid-template-columns:1fr}.span-2{grid-column:auto}.filterbar{align-items:stretch;flex-direction:column}.searchbox{min-width:0}.page-head h1{font-size:24px}.actions .btn{flex:1}.form-panel{padding:16px}.setup-banner{align-items:flex-start;flex-direction:column}.auth-body{padding:14px}.auth-card{padding:26px}.sticky-actions{align-items:stretch;flex-direction:column}.sticky-actions .btn{width:100%}.pdf-frame{height:540px}}

/* Customer management v1.1 */
.btn-warning{background:#fff2d8;color:#9a6510;border:1px solid #f3ddb4}.btn-warning:hover{background:#ffe9bd}.btn-danger{background:#c83e55;color:#fff;box-shadow:0 7px 18px rgba(200,62,85,.14)}.btn-danger:hover{background:#ad3147}.btn-danger-soft{background:#fff0f2;color:#b5334b;border:1px solid #f5d6dc}.btn-danger-soft:hover{background:#ffe5ea}.status.active{background:#e3f6f0;color:#087963}.status.inactive{background:#f0f2f6;color:#70798a}.customer-page-head{margin-bottom:18px}.customer-page-head .headline-row{align-items:center}.customer-page-head .headline-row .eyebrow{margin:0}.customer-actions{justify-content:flex-end}.customer-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.customer-stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 17px;min-height:104px;display:flex;flex-direction:column;box-shadow:0 2px 7px rgba(24,32,51,.025)}.customer-stat-card>span{font-size:9px;font-weight:800;color:#7a8495;text-transform:uppercase;letter-spacing:.45px}.customer-stat-card>strong{display:block;margin:8px 0 5px;font-size:21px;line-height:1.12;color:#191750;letter-spacing:-.45px}.customer-stat-card>strong.compact{font-size:18px}.customer-stat-card>small{margin-top:auto;color:#8b94a3;font-size:9px}.customer-stat-card.accent-soft{background:linear-gradient(145deg,#f6f5fd,#fff);border-color:#dedcf2}.customer-stat-card.accent-soft>strong{color:#0b8a76}.customer-info-panel,.customer-note-panel{min-height:218px}.customer-info-list{padding:0 20px 10px}.customer-note-body{padding:16px 20px 22px;line-height:1.65;font-size:11.5px;color:#475166}.text-inline-link{color:var(--brand);font-weight:700}.text-inline-link:hover{text-decoration:underline}.modal-form-grid{margin-top:18px}.modal-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;margin-bottom:10px;font-size:16px;font-weight:900}.modal-icon.warning{background:#fff1d2;color:#9a6510}.modal-icon.success{background:#e2f6ef;color:#087963}.modal-icon.danger{background:#ffe8ed;color:#b8324d}.danger-note{margin-top:14px;padding:10px 12px;border:1px solid #f0d6dc;background:#fff6f7;border-radius:9px;color:#9f3b4d;font-size:9.5px;line-height:1.55}.table-actions{display:flex;justify-content:flex-end;gap:6px}.row-inactive{opacity:.68}.row-inactive:hover{opacity:1}.customer-table td:first-child strong{color:#17164d}.customer-table .status{white-space:nowrap}
@media(max-width:1150px){.customer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-actions{justify-content:flex-start}}
@media(max-width:560px){.customer-stat-grid{grid-template-columns:1fr}.customer-actions .btn{flex:1}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}
.customer-source-actions{display:flex;align-items:center;gap:10px}.customer-picker-search{margin-top:18px}.customer-picker-results{margin-top:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-height:330px;overflow-y:auto;background:#fff}.customer-picker-item{width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;color:var(--text)}.customer-picker-item:last-child{border-bottom:0}.customer-picker-item:hover{background:#f8f8fc}.customer-picker-item strong,.customer-picker-item small{display:block}.customer-picker-item strong{font-size:11.5px;color:#17164d}.customer-picker-item small{font-size:9px;color:#818c9d;margin-top:4px}.customer-picker-item>b{font-size:9px;color:var(--brand);white-space:nowrap}.customer-picker-empty{padding:22px;text-align:center;color:#8993a3;font-size:10px}
@media(max-width:560px){.customer-source-actions{width:100%;align-items:stretch;flex-direction:column}.customer-source-actions .btn{width:100%}}

/* Inline CRUD + user administration v1.2 */
.user-table{min-width:980px}.user-table .table-date{font-size:10.5px;color:#262354}.role-admin{background:#eceafb;color:#28236f}.role-user{background:#eef2f6;color:#657084}.user-stat-grid .customer-stat-card{min-height:100px}.modal [autofocus]{scroll-margin-top:20px}.modal form[data-ajax-form] button[type="submit"]:disabled{opacity:.58}.toast{min-width:220px;border:1px solid rgba(255,255,255,.1)}.toast.success::before{content:'✓';font-weight:900;margin-right:8px}.toast.error::before{content:'!';font-weight:900;margin-right:8px}.table-actions .btn-warning{padding:6px 9px}.status.inactive{background:#f2f1f6;color:#6d6b80}.customer-stat-grid-index{margin-top:-2px}
@media(max-width:700px){.user-stat-grid{grid-template-columns:1fr 1fr}.modal.wide{width:min(96vw,620px)}}
@media(max-width:460px){.user-stat-grid{grid-template-columns:1fr}}

/* =========================================================
   Simple Look Fakture v1.3 — moderni UI, Lucide, arhiva
   ========================================================= */
.lucide-icon{display:inline-block;vertical-align:middle;flex:0 0 auto}.btn .lucide-icon,.text-inline-link .lucide-icon{margin-right:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:3px}.btn .lucide-icon{margin-right:2px}.icon-btn{display:inline-grid;place-items:center}.icon-btn .lucide-icon{margin:0}

:root{--sidebar:252px;--brand:#28236f;--brand2:#17164d;--accent:#0d927f;--bg:#f4f6fa;--surface:#fff;--line:#dfe4ec;--text:#172033;--muted:#758096;--danger:#c83e55;--warning:#9b6916}
.sidebar{width:var(--sidebar);padding:16px 11px 12px;background:linear-gradient(180deg,#17164d 0%,#151448 100%);border-right:1px solid rgba(255,255,255,.04)}
.brand{min-height:57px;padding:0 6px 12px 5px;margin-bottom:8px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#f8fbff 0 52%,#77e0d1 52% 100%);color:#17164d;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.brand-mark.mini{width:32px;height:32px;border-radius:9px;box-shadow:none}.brand strong{font-size:14px;letter-spacing:-.2px}.brand small{font-size:9px;margin-top:3px;color:#b8bed5}
.nav{gap:4px}.nav a{position:relative;min-height:45px;border-radius:10px;padding:10px 11px;gap:12px;font-size:11.5px;font-weight:700;color:#dce0f1;transition:background .18s,color .18s,transform .18s}.nav a:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(1px)}.nav a.is-active{background:rgba(255,255,255,.13);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.nav a.is-active::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#74ddd0}.nav-icon{width:24px;height:24px;display:grid;place-items:center;color:#76dfd1}.nav a.is-active .nav-icon{color:#8aeadf}.nav-label{margin:20px 10px 7px;font-size:7.5px;letter-spacing:1.4px;color:#737da9}
.sidebar-user{margin:0 2px;padding:13px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-logout{color:#c9cee4}.sidebar-logout:hover{background:rgba(255,255,255,.08);color:#fff}
.mobile-topbar{display:none}.mobile-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none}.mobile-menu-btn{color:#fff}

.main{padding:26px 28px 54px}.page-head{margin-bottom:20px}.page-head h1{letter-spacing:-.65px}.page-head .actions{gap:8px;flex-wrap:wrap}.panel{border-color:#dde3ec;box-shadow:0 3px 12px rgba(30,38,61,.025)}
.stat-grid-dashboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-grid-dashboard .stat-card{min-height:128px}.stat-card .stat-money{font-size:20px;letter-spacing:-.6px}.stat-card a{display:inline-flex;align-items:center;gap:2px}
.source-label{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#f1f3f7;color:#687388;font-size:8.5px;font-weight:750;white-space:nowrap}.status.finalized{background:#def6ef;color:#087762}.status.archived{background:#ececf4;color:#625f78}.status.cancelled{background:#ffe9ed;color:#a6334a}.status.draft{background:#eeeafa;color:#4a428a}
.table-date{font-size:10px;color:#28236f}.mobile-strong{font-weight:700}.row-actions{white-space:nowrap}.table-actions form{display:inline-flex;margin:0}.table-actions .btn{white-space:nowrap}.icon-only-mobile span{display:inline}
.safety-box{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:12px 13px;border:1px solid #eadfc6;background:#fffaf0;border-radius:10px;font-size:10px;line-height:1.5;color:#7e641f}.safety-box strong{color:#715610}.danger-note strong{color:#9f2f46}.confirm-field{margin-top:16px!important}.confirm-field small{margin-top:6px}.archive-banner{border-color:#dedcec;background:#f7f6fc}.archive-stat-grid{margin-bottom:20px}

.data-table{border-collapse:separate;border-spacing:0}.data-table thead th{background:#f7f8fb;border-top:1px solid #e4e8ef;border-bottom:1px solid #e0e5ec;color:#6e798d;font-size:8px;letter-spacing:.35px;text-transform:uppercase}.data-table thead th:first-child{border-top-left-radius:9px}.data-table thead th:last-child{border-top-right-radius:9px}.data-table tbody td{border-bottom:1px solid #edf0f4;padding-top:12px;padding-bottom:12px}.data-table tbody tr:hover td{background:#fbfcfe}.data-table tbody tr:last-child td{border-bottom:0}.document-table td:first-child strong,.archive-table td:first-child strong{color:#17164d}.document-table .doc-type,.archive-table .doc-type{margin-right:7px}

.toast{right:24px;top:20px;min-width:270px;max-width:430px;padding:13px 15px;border-radius:12px;font-size:11px;box-shadow:0 18px 42px rgba(16,22,42,.22);display:flex;align-items:center}.toast.success{background:#087a68}.toast.error{background:#b8334c}
.modal{border-radius:16px}.modal::backdrop{backdrop-filter:blur(2px)}.modal-icon .lucide-icon{margin:0}.modal-actions .btn{min-height:37px}

@media(max-width:1200px){.stat-grid-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding-left:22px;padding-right:22px}}
@media(max-width:850px){
  .mobile-topbar{display:flex;justify-content:space-between}.mobile-topbar .mobile-brand{margin-right:auto}.main{padding:20px 14px 45px}.sidebar{z-index:60}.sidebar-overlay{z-index:55}.page-head{gap:14px}.page-head .actions{width:100%}.page-head .actions>.btn,.page-head .actions>form{flex:1}.page-head .actions>form .btn{width:100%}
}
@media(max-width:760px){
  .table-wrap{overflow:visible;margin:0}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table{min-width:0!important}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:10px}.responsive-table tbody tr{border:1px solid #dfe4ec;border-radius:12px;background:#fff;padding:7px 12px;box-shadow:0 3px 10px rgba(28,34,53,.03)}.responsive-table tbody tr:hover td{background:transparent}.responsive-table tbody td{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #eef1f5!important;text-align:right!important;min-height:34px}.responsive-table tbody td:last-child{border-bottom:0!important}.responsive-table tbody td::before{content:attr(data-label);flex:0 0 90px;text-align:left;color:#8791a1;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.35px;padding-top:2px}.responsive-table tbody td:not([data-label])::before{display:none}.responsive-table .row-actions{display:block;padding-top:10px}.responsive-table .row-actions .table-actions{justify-content:flex-end;flex-wrap:wrap}.responsive-table .empty{display:block;text-align:center!important;border:0!important;padding:22px 8px}.responsive-table .empty::before{display:none}.responsive-table .table-sub{margin-top:3px}.responsive-table .mobile-strong{display:block}.responsive-table .source-label{white-space:normal;text-align:right}.user-table{min-width:0!important}.customer-table{min-width:0!important}
  .filterbar{gap:8px}.filterbar select,.filterbar .btn{min-height:40px}.archive-stat-grid{grid-template-columns:1fr 1fr}.icon-only-mobile span{display:none}.icon-only-mobile{width:34px;padding-left:8px!important;padding-right:8px!important}
}
@media(max-width:560px){
  .stat-grid-dashboard,.archive-stat-grid{grid-template-columns:1fr}.page-head .actions{display:grid;grid-template-columns:1fr 1fr}.page-head .actions>.btn,.page-head .actions>form{width:100%;min-width:0}.page-head .actions>form .btn{width:100%}.responsive-table tbody td{gap:10px}.responsive-table tbody td::before{flex-basis:74px}.table-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.table-actions .btn,.table-actions form,.table-actions form .btn{width:100%}.archive-table .table-actions{grid-template-columns:1fr}.modal-actions{gap:7px}.toast{left:12px;right:12px;top:12px;min-width:0;max-width:none}.main{padding-left:12px;padding-right:12px}.brand-mark{width:38px;height:38px}
}
@media(max-width:700px){
  .items-table-wrap{overflow:visible;margin:0}.items-table,.items-table tbody,.items-table tr,.items-table td{display:block;width:100%}.items-table{min-width:0;border-spacing:0}.items-table thead{display:none}.items-table tbody{display:grid;gap:10px}.items-table tr{border:1px solid #dfe4ec;border-radius:12px;background:#fbfcfe;padding:10px}.items-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center;padding:5px 0}.items-table td::before{content:attr(data-label);font-size:8px;font-weight:800;color:#7f8999;text-transform:uppercase;letter-spacing:.3px}.items-table td.item-remove{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #edf0f4;margin-top:4px}.items-table td.item-remove::before{display:none}.items-table td[data-row-total]{padding-top:7px;font-size:12px}.items-table textarea,.items-table input{font-size:12px;padding:10px}.calc-box{width:100%;margin-top:12px}
}


/* =========================================================
   Simple Look Fakture v1.4 — UI polish, srpski kalendar
   ========================================================= */
:root{--success:#0d9b72;--success-dark:#087a5a;--success-soft:#e9f8f3;--sidebar-icon:#78dfd1}

/* Sidebar: ikonica ostaje mint, tekst je beo. Administracija je poseban blok. */
.sidebar{overflow-y:auto;overflow-x:hidden}
.nav{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.nav-main{display:flex;flex-direction:column;gap:4px}
.nav a{color:#fff;font-size:12px;font-weight:700}
.nav a .nav-icon{width:25px;height:25px;color:var(--sidebar-icon);display:grid;place-items:center;flex:0 0 25px}
.nav a .nav-text{width:auto!important;text-align:left!important;color:#fff!important;line-height:1.2}
.nav a:hover .nav-text,.nav a.is-active .nav-text{color:#fff!important}
.nav a:hover .nav-icon,.nav a.is-active .nav-icon{color:#91eee1}
.admin-nav-box{margin-top:auto;padding:8px 7px 7px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.admin-nav-box .nav-label{margin:0 5px 4px;padding:5px 4px 7px;border-bottom:1px solid rgba(255,255,255,.07);color:#8e98c1}
.admin-nav-box .nav-label span{display:inline-flex;align-items:center;gap:6px;width:auto;color:#8e98c1;font-size:7.5px;letter-spacing:1.4px}
.admin-nav-box .nav-label span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--sidebar-icon);box-shadow:0 0 0 3px rgba(120,223,209,.08)}
.admin-nav-box a{min-height:42px;padding:9px 8px}
.sidebar-user{margin-top:9px}
.brand-mark{color:#17164d}
.brand-mark .lucide-icon{stroke-width:2.15}

/* Dosledna širina sadržaja: isti razmak levo i desno na svim desktop širinama. */
.main{width:calc(100% - var(--sidebar));max-width:none!important;margin-left:var(--sidebar);padding:28px 28px 58px}

/* Akcije */
.btn-success{background:linear-gradient(180deg,#11a77b,#0c936c);color:#fff;box-shadow:0 8px 20px rgba(13,155,114,.19);border:1px solid rgba(4,112,82,.08)}
.btn-success:hover{background:linear-gradient(180deg,#0f9b72,#087f5d);box-shadow:0 10px 24px rgba(13,155,114,.24)}
.btn-success:focus-visible{outline:3px solid rgba(13,155,114,.17);outline-offset:2px}
.page-head .btn-success{min-width:145px}

/* Editor: bočni panel dobija sopstveni karakter, ali ostaje miran i poslovan. */
.editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px}
.quick-control-panel{padding:18px;background:linear-gradient(180deg,#f0faf7 0%,#fff 58%);border-color:#cfe9e2;box-shadow:0 10px 28px rgba(18,96,79,.055)}
.quick-control-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.quick-control-head>div>span{display:block;color:#5f887f;font-size:8px;text-transform:uppercase;letter-spacing:.75px;font-weight:850;margin-bottom:2px}
.quick-control-head h3{margin:0!important;font-size:14px!important}
.quick-control-icon{width:34px;height:34px;border-radius:10px;background:#dff5ef;color:#087a68;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(13,146,127,.08)}
.quick-control-panel .summary-line{border-color:#dcece8;padding:11px 0}
.quick-control-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0;padding:10px 11px;border-radius:10px;background:#f7fbfa;color:#6b7f7a;font-size:9px;line-height:1.45;border:1px solid #e3f0ed}
.quick-control-note .lucide-icon{color:#55a999;margin-top:1px}
.quick-control-panel .btn+.btn{margin-top:8px}

/* Srpski date picker — server i dalje dobija ISO YYYY-MM-DD. */
.sl-date{position:relative;width:100%}
.sl-date-trigger{width:100%;min-height:38px;border:1px solid #dfe4eb;background:#fff;border-radius:8px;padding:9px 10px;color:#1f2937;outline:0;transition:.16s;font-size:11.5px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}
.sl-date-trigger:hover{border-color:#cbd2dd;background:#fdfdfe}
.sl-date-trigger:focus,.sl-date.is-open .sl-date-trigger{border-color:#aaa6d5;box-shadow:0 0 0 3px rgba(40,35,111,.07)}
.sl-date-trigger-icon{display:grid;place-items:center;color:#6f7890}
.sl-calendar{position:absolute;z-index:140;top:calc(100% + 7px);left:0;width:302px;max-width:min(302px,calc(100vw - 30px));padding:12px;background:#fff;border:1px solid #dce2eb;border-radius:13px;box-shadow:0 20px 50px rgba(25,31,52,.16);transform-origin:top left;animation:slCalendarIn .14s ease-out}
.sl-calendar[hidden]{display:none!important}
@keyframes slCalendarIn{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.sl-calendar-head{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:5px;margin-bottom:9px}
.sl-calendar-head strong{text-align:center;color:#1a1852;font-size:12px;text-transform:capitalize}
.sl-calendar-nav{width:31px;height:31px;border:0;border-radius:8px;background:#f4f5f9;color:#413d79;display:grid;place-items:center}
.sl-calendar-nav:hover{background:#eceaf7;color:#242064}
.sl-calendar-weekdays,.sl-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.sl-calendar-weekdays{margin-bottom:4px;padding:0 2px}
.sl-calendar-weekdays span{text-align:center;font-size:7.5px;font-weight:850;color:#929bad;text-transform:uppercase;padding:4px 0}
.sl-calendar-day{aspect-ratio:1;border:0;border-radius:8px;background:transparent;color:#263044;font-size:10.5px;display:grid;place-items:center;position:relative}
.sl-calendar-day:hover{background:#f0eefb;color:#252168}
.sl-calendar-day.is-outside{color:#b5bdc9}
.sl-calendar-day.is-today::after{content:'';position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:#0d927f}
.sl-calendar-day.is-selected{background:#28236f!important;color:#fff!important;font-weight:800;box-shadow:0 5px 12px rgba(40,35,111,.2)}
.sl-calendar-day.is-selected::after{background:#7fe3d5}
.sl-calendar-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:9px;border-top:1px solid #edf0f4}
.sl-calendar-foot button{border:0;background:transparent;color:#6e778b;font-size:9.5px;font-weight:750;padding:5px 6px;border-radius:6px}
.sl-calendar-foot button:hover{background:#f2f4f7;color:#28236f}
.sl-calendar-foot [data-cal-today]{color:#0b8a76}
.sl-date[data-date-required="1"] [data-cal-clear]{visibility:hidden;pointer-events:none}

/* Toasteri: jasna potvrda/greška i diskretan progress. */
.toast{position:fixed!important;z-index:300;overflow:hidden;padding:13px 38px 13px 15px!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-weight:700;line-height:1.4;animation:slToastIn .2s ease-out}
.toast::before{width:21px;height:21px;flex:0 0 21px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,255,255,.15);margin-right:9px!important}
.toast::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:rgba(255,255,255,.42);transform-origin:left;animation:slToastProgress 4.2s linear forwards}
.toast.success{background:linear-gradient(135deg,#087a68,#0b9279)}
.toast.error{background:linear-gradient(135deg,#ae3048,#c33c55)}
.toast.warning{background:linear-gradient(135deg,#946111,#aa751a)}
.toast.warning::before{content:'!'}
@keyframes slToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes slToastProgress{to{transform:scaleX(0)}}

/* Sitna doslednost kartica i formi. */
.form-panel{padding:22px 23px}.panel{border-radius:14px}.field>span{color:#4f5a6e}.section-title h2{letter-spacing:-.2px}.step{box-shadow:inset 0 0 0 1px rgba(40,35,111,.03)}

@media(max-width:1200px){.editor-grid{grid-template-columns:minmax(0,1fr) 250px}.main{padding-left:22px;padding-right:22px}}
@media(max-width:980px){.editor-grid{grid-template-columns:1fr}.editor-side{order:-1}.sticky-summary{position:relative;top:auto}.quick-control-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.quick-control-head,.quick-control-note{grid-column:1/-1}.quick-control-panel .summary-line{grid-column:span 1}.quick-control-panel .btn{margin-top:8px!important}}
@media(max-width:850px){.main{width:100%;margin-left:0;padding:20px 14px 45px}.admin-nav-box{margin-top:12px}}
@media(max-width:620px){.quick-control-panel{display:block}.sl-calendar{position:fixed;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%);width:min(340px,calc(100vw - 24px));transform-origin:center;animation:none}.sl-date.is-open::after{content:'';position:fixed;inset:0;background:rgba(21,20,72,.18);backdrop-filter:blur(1px);z-index:130}.sl-calendar{z-index:140}.form-panel{padding:18px}.page-head .btn-success{min-width:0}}

/* v1.5 - unos prethodnih dokumenata */
.number-edit-wrap{display:flex;align-items:center;gap:7px}.number-edit-wrap input{min-width:0;flex:1}.number-pencil{width:36px;height:36px;flex:0 0 36px;border:1px solid #dfe4ec;border-radius:9px;background:#f5f6fa;color:#6f7890;display:grid;place-items:center;transition:.18s}.number-pencil:hover{background:#ecebf7;color:var(--brand);border-color:#cbc8e3}.number-pencil.is-active{background:#e6f7f2;color:#087964;border-color:#b8e5da;box-shadow:0 0 0 3px rgba(22,163,143,.07)}
.historical-banner{display:flex;align-items:flex-start;gap:10px;margin:0 0 18px;padding:12px 13px;border-radius:11px;background:#fff8e9;border:1px solid #f0dfb9;color:#7a5b16}.historical-banner>.lucide-icon{flex:0 0 auto;margin-top:1px}.historical-banner strong,.historical-banner span{display:block}.historical-banner strong{font-size:11px;color:#6e5112;margin-bottom:3px}.historical-banner span{font-size:9.5px;line-height:1.5;color:#8d733b}.historical-options{margin-top:17px;padding-top:15px;border-top:1px dashed #dfe4ea}.check-row{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.check-row input{margin-top:2px;accent-color:var(--accent)}.check-row span{display:block}.check-row strong,.check-row small{display:block}.check-row strong{font-size:10.5px;color:#253047}.check-row small{font-size:9px;line-height:1.5;color:#7b8595;margin-top:2px}.historical-next-btn{border-style:dashed!important}.historical-next-btn[hidden],.historical-options[hidden]{display:none!important}
@media(max-width:560px){.number-edit-wrap{gap:6px}.number-pencil{width:38px;height:38px;flex-basis:38px}.historical-banner{padding:11px}}

/* v1.6 — Usluge, ručna numeracija i pregled dokumenata */
.number-check{min-height:18px;margin-top:5px;font-size:12px;font-weight:700}.number-check.ok{color:#0a8f73}.number-check.error{color:#d43d4f}.number-check.checking{color:#7b8496}
.item-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.service-picker-results{display:grid;gap:8px;max-height:420px;overflow:auto;margin-top:14px}.service-picker-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid var(--border,#dfe4ec);background:#fff;border-radius:12px;padding:13px 14px;cursor:pointer;transition:.18s ease}.service-picker-item:hover{border-color:#ada7df;background:#faf9ff;transform:translateY(-1px)}.service-picker-item>span{display:flex;flex-direction:column;gap:4px}.service-picker-item strong{font-size:14px;color:#17164f}.service-picker-item small{color:#7b8496;line-height:1.35}.service-picker-price{display:flex;flex-direction:column;align-items:flex-end;gap:4px;white-space:nowrap}.service-picker-price b{font-size:14px;color:#108577}.agreed-badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#dcf8ef;color:#08755f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.customer-services-panel{margin-top:18px}.inline-form{display:inline-flex}.empty-cell{padding:28px!important;text-align:center!important;color:#7d8696}.service-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.service-stat-grid .stat-card{min-height:108px;padding:15px 17px}.service-stat-grid .stat-card>strong{font-size:22px;margin:7px 0 5px}.service-stat-grid .stat-card>small{font-size:9px}@media(max-width:1150px){.service-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.service-stat-grid{grid-template-columns:1fr}}
@media(max-width:760px){.item-toolbar{width:100%}.item-toolbar .btn{flex:1}.service-picker-item{align-items:flex-start}.service-picker-price{align-items:flex-start}.customer-services-panel .panel-head.responsive{gap:12px}.customer-services-panel .panel-head.responsive .btn{width:100%}}

.document-number-heading{display:flex;align-items:center;gap:9px}.number-heading-pencil{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:1px solid #dce1ea;border-radius:9px;color:#28236f;background:#fff;vertical-align:middle}.number-heading-pencil:hover{background:#f0eefc;border-color:#c7c2eb}


/* v1.6.5 — katalog usluga: čitljivost, poravnanja i paginacija */
.service-catalog-panel{overflow:hidden}
.service-catalog-head{padding:18px 20px 15px;align-items:flex-end}
.service-list-title-row{display:flex;align-items:center;gap:9px}
.service-list-title-row h2{margin:0}
.service-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:22px;padding:0 7px;border-radius:999px;background:#eeecfa;color:#312c7b;font-size:9px;font-weight:850}
.service-filters{display:flex;align-items:center;gap:8px}
.service-filters select{min-width:132px;height:38px;border:1px solid #dfe4eb;background:#fff;border-radius:9px;padding:0 10px;color:#283247;font-size:10.5px;outline:0}
.service-search{min-width:250px;height:38px;display:flex;align-items:center;gap:7px;border:1px solid #dfe4eb;background:#fff;border-radius:9px;padding:0 10px;color:#8a94a5}
.service-search:focus-within,.service-filters select:focus{border-color:#aaa6d5;box-shadow:0 0 0 3px rgba(40,35,111,.06)}
.service-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#263044;font-size:10.5px;padding:0}
.service-search input::placeholder{color:#a0a8b5}

.service-table{min-width:980px}
.service-table thead th{padding-top:11px;padding-bottom:11px}
.service-table tbody td{height:66px;padding-top:10px;padding-bottom:10px}
.service-table tbody tr{transition:.14s ease}
.service-table tbody tr:hover td{background:#fbfcfe}
.service-row-inactive{opacity:.7}
.service-row-inactive:hover{opacity:1}
.service-main-cell{min-width:330px}
.service-name-row{display:flex;align-items:center;gap:8px;min-width:0}
.service-name-row strong{display:block;color:#17164d;font-size:11.5px;line-height:1.3;white-space:normal}
.service-state-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#b9c0cb;box-shadow:0 0 0 3px #f1f3f6}
.service-state-dot.is-active{background:#0b9a80;box-shadow:0 0 0 3px #e2f6f0}
.service-state-dot.is-inactive{background:#9aa3b2;box-shadow:0 0 0 3px #eef0f4}
.service-description{display:block!important;margin:5px 0 0 15px;color:#7d8798;font-size:9px;line-height:1.45;white-space:normal;max-width:520px}
.service-description.is-empty{color:#b1b7c1;font-style:italic}
.service-unit{display:inline-flex;align-items:center;justify-content:center;min-width:43px;padding:5px 8px;border-radius:7px;background:#f3f5f8;color:#657083;font-size:9px;font-weight:750}
.service-price{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.service-price strong{font-size:12px;color:#16164e;letter-spacing:-.15px}
.service-price span{font-size:7.5px;font-weight:800;color:#929bad;letter-spacing:.35px}
.service-tax{display:inline-flex;min-width:34px;justify-content:center;padding:4px 7px;border-radius:7px;background:#f5f6f9;color:#657084;font-size:9px;font-weight:750}
.agreed-count{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;background:#e7f6f2;color:#087866;font-size:9px;font-weight:800}
.service-muted-value{color:#a3abb7}
.service-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.service-actions .inline-form{display:flex}
.service-actions .btn{height:32px;min-width:86px;padding:0 10px;border-radius:8px;font-size:9.5px;gap:5px;box-shadow:none;transform:none}
.service-actions .btn:hover{transform:none}
.service-edit-btn{background:#f4f5f8;color:#364054;border-color:#e0e4eb}
.service-edit-btn:hover{background:#eceff4}
.service-deactivate-btn{background:#fff7e8;color:#946414;border:1px solid #efdfbb}
.service-deactivate-btn:hover{background:#fff0cf}
.service-activate-btn{background:#e5f7f1;color:#087866;border:1px solid #caebe2}
.service-activate-btn:hover{background:#d7f1e9}

.service-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 18px;border-top:1px solid #e7ebf1;background:#fafbfc}
.pagination-summary{font-size:9.5px;color:#7d8797}
.pagination-summary strong{color:#384257}
.pagination-nav{display:flex;align-items:center;gap:5px}
.pagination-btn{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe4eb;border-radius:8px;background:#fff;color:#596477;font-size:9.5px;font-weight:800;transition:.14s}
.pagination-btn:hover{border-color:#c8c5e6;background:#f7f6fd;color:#28236f}
.pagination-btn.is-current{background:#28236f;border-color:#28236f;color:#fff;box-shadow:0 5px 12px rgba(40,35,111,.13)}
.pagination-btn.is-disabled{pointer-events:none;opacity:.38}
.pagination-dots{padding:0 2px;color:#9aa3b0;font-size:11px}
.service-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#98a1af}
.service-empty .lucide-icon{color:#b3bac5}
.service-empty strong{font-size:11px;color:#626d7e}
.service-empty span{font-size:9px}

@media(max-width:1000px){
  .service-catalog-head{align-items:stretch;flex-direction:column}
  .service-filters{width:100%}
  .service-search{flex:1;min-width:0}
}
@media(max-width:760px){
  .service-filters{display:grid;grid-template-columns:1fr 1fr}
  .service-search{grid-column:1/-1}
  .service-filters .btn{width:100%}
  .service-pagination{align-items:flex-start;flex-direction:column}
  .pagination-nav{width:100%;justify-content:flex-end}
}
@media(max-width:560px){
  .service-filters{grid-template-columns:1fr}
  .service-search{grid-column:auto}
  .service-filters select{width:100%}
  .pagination-nav{justify-content:center}
}


/* v1.7 — zaglavlja, dokument filteri, ugovori i državne integracije */
.page-head-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px 20px 18px;margin-bottom:18px;position:relative;box-shadow:0 2px 8px rgba(24,32,51,.025)}
.page-head-card:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,var(--brand),rgba(40,35,111,.05))}
.page-head-card h1{margin-top:2px}.head-action-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px;border:1px solid #e6e9ef;border-radius:11px;background:#fafbfc}
.btn-success{background:#0c9d7d;color:#fff;box-shadow:0 7px 18px rgba(12,157,125,.16)}.btn-success:hover{background:#087f67}
.document-filterbar{display:grid;grid-template-columns:minmax(230px,1.2fr) minmax(210px,.9fr) 110px 150px auto auto;gap:8px}.document-filterbar .searchbox{min-width:0}.document-filterbar select{min-width:0}
.contract-filterbar{display:grid;grid-template-columns:minmax(240px,1.3fr) 100px minmax(210px,.9fr) 140px auto;gap:8px}.contract-table td{vertical-align:middle}.status.active{background:#e3f6f0;color:#087963}.status.expired{background:#eef0f4;color:#697383}.status.terminated{background:#ffe9ed;color:#b8324d}
.integration-tabs{display:flex;gap:6px;margin-bottom:15px;padding:5px;background:#e9ecf3;border-radius:11px;width:max-content;max-width:100%;overflow:auto}.integration-tabs a{padding:8px 12px;border-radius:8px;font-size:10px;font-weight:800;color:#6d7788;white-space:nowrap}.integration-tabs a.is-active{background:#fff;color:#28236f;box-shadow:0 2px 6px rgba(22,27,45,.06)}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.integration-card{padding:19px}.integration-card:nth-child(3){grid-column:1/-1}.integration-card-head{display:flex;align-items:center;gap:11px;margin-bottom:18px}.integration-card-head>div{min-width:0;flex:1}.integration-card-head h2{font-size:15px;margin:0 0 3px;color:#17164d}.integration-card-head p{margin:0;color:#7b8597;font-size:10px}.integration-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.integration-icon.sef{background:#e8f7f3;color:#07806c}.integration-icon.crf{background:#eeecfb;color:#302a7a}.integration-icon.tax{background:#fff3dc;color:#a66b0d}.connection-pill{font-size:8px;font-weight:850;padding:5px 8px;border-radius:999px}.connection-pill.ok{background:#e0f5ef;color:#087963}.connection-pill.off{background:#eef0f4;color:#737d8e}.inline-actions{justify-content:flex-start;border-top:0;margin-top:12px;padding-top:0}.integration-help{margin-top:14px;padding:11px 12px;border-radius:9px;background:#f6f7fa;display:flex;flex-direction:column;gap:4px}.integration-help strong{font-size:9px;color:#343d50}.integration-help span{font-size:9px;line-height:1.5;color:#778194}.integration-help.large{min-height:90px}.setup-banner.dangerish{background:linear-gradient(100deg,#7b2f3d,#a83d52)}
@media(max-width:1200px){.document-filterbar{grid-template-columns:1fr 1fr 110px 140px}.document-filterbar .searchbox{grid-column:span 2}.contract-filterbar{grid-template-columns:1fr 1fr}.contract-filterbar .searchbox{grid-column:1/-1}.integration-grid{grid-template-columns:1fr}.integration-card:nth-child(3){grid-column:auto}}
@media(max-width:760px){.page-head-card{padding:16px}.page-head-card:after{left:16px;right:16px}.head-action-box{width:100%;display:grid;grid-template-columns:1fr 1fr}.head-action-box .btn{width:100%}.document-filterbar,.contract-filterbar{display:flex;flex-direction:column}.integration-tabs{width:100%}}

/* v1.7 — dosledan boxed početni blok na svim internim stranicama */
.page-head-card>.actions{padding:7px;border:1px solid #e6e9ef;border-radius:11px;background:#fafbfc}
.page-head-card>form{padding:7px;border:1px solid #e6e9ef;border-radius:11px;background:#fafbfc}
.page-head-card>.btn{align-self:center}
@media(max-width:850px){.page-head-card>.actions,.page-head-card>form{width:100%}.page-head-card>form .btn{width:100%}}


/* v1.8 — Tasks / mini CRM / security */
.nav a{position:relative}
.nav-badge,.notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff5b6e;color:#fff;font-size:8px;font-weight:900;line-height:1}
.nav-badge{margin-left:auto}
.sidebar-notifications{position:relative;color:#75e6d6!important;flex:0 0 auto}
.sidebar-notifications .notification-badge{position:absolute;right:-4px;top:-5px;border:2px solid #17144e}
.mobile-notification-btn{margin-left:auto;position:relative;color:#17164d;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#f1effb}
.mobile-notification-btn .notification-badge{position:absolute;right:-3px;top:-4px}

.security-warning{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid #f4d5a5;border-radius:12px;background:#fff8e8;color:#7b5412}
.security-warning>svg{flex:0 0 auto;color:#ca7d0b}
.security-warning>div{display:flex;flex-direction:column;gap:2px;flex:1}
.security-warning strong{font-size:10.5px}
.security-warning span{font-size:9px;color:#8a6a34}
.security-warning code{font-family:inherit;font-weight:800}

.task-stat-grid{margin-bottom:16px}
.stat-card.danger-soft{background:#fff5f5;border-color:#ffd9dd}
.stat-card.danger-soft strong{color:#ca3347}
.task-filter-head{align-items:flex-end}
.task-filters{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.task-filters select{height:38px;border:1px solid #dde2ea;border-radius:9px;background:#fff;padding:0 9px;color:#344054;font-size:9.5px;min-width:125px}
.task-search{display:flex;align-items:center;gap:7px;height:38px;border:1px solid #dde2ea;border-radius:9px;background:#fff;padding:0 10px;min-width:240px;color:#8a94a5}
.task-search input{border:0;outline:0;background:transparent;width:100%;font-size:9.5px}
.task-table{min-width:1050px}
.task-title-link strong{font-size:10.5px;color:#17164d}
.assignee-chip{display:inline-flex;padding:5px 8px;border-radius:8px;background:#efedfb;color:#302a7c;font-size:8.5px;font-weight:850}
.due-overdue{color:#c93249!important;font-weight:850}
.task-priority,.task-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:7.8px;font-weight:900;text-transform:uppercase;letter-spacing:.25px;white-space:nowrap}
.task-priority.low{background:#f1f3f6;color:#7d8797}
.task-priority.normal{background:#edf4ff;color:#41638d}
.task-priority.high{background:#fff3df;color:#9a6513}
.task-priority.urgent{background:#ffe8eb;color:#bf2940}
.task-status.todo{background:#f0effa;color:#4e478f}
.task-status.in_progress{background:#e3f6f1;color:#087965}
.task-status.waiting{background:#fff4dc;color:#956515}
.task-status.done{background:#e9f4ec;color:#438252}
.task-row-done{opacity:.72}
.message-count{display:inline-flex;align-items:center;gap:5px;color:#778294;font-weight:750}

.task-show-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
.task-detail-card{padding:0}
.task-detail-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e8ebf0}
.task-detail-meta>div{padding:15px;border-right:1px solid #e8ebf0}
.task-detail-meta>div:last-child{border-right:0}
.task-detail-meta span{display:block;font-size:7.5px;color:#929bac;text-transform:uppercase;font-weight:800;margin-bottom:5px}
.task-detail-meta strong{font-size:10px;color:#202a3d}
.task-description{padding:18px}
.task-description h3{margin:0 0 9px}
.task-description p{margin:0;font-size:10px;line-height:1.75;color:#4d586b}

.task-thread{margin-top:18px}
.task-messages{display:flex;flex-direction:column;gap:12px;padding:8px 0 18px}
.task-message{display:flex;gap:10px;max-width:84%}
.task-message.mine{align-self:flex-end;flex-direction:row-reverse}
.task-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#28236f;color:#fff;font-size:10px;font-weight:900;flex:0 0 32px}
.task-message-body{padding:10px 12px;border:1px solid #e2e6ed;border-radius:12px;background:#fafbfc;min-width:180px}
.task-message.mine .task-message-body{background:#f2f0fc;border-color:#ddd9f4}
.task-message-head{display:flex;gap:8px;align-items:baseline;margin-bottom:5px;flex-wrap:wrap}
.task-message-head strong{font-size:9px}
.task-message-head span{font-size:7.5px;color:#8b95a4}
.task-message-body p{margin:0;font-size:9.5px;line-height:1.6;color:#3d4759}
.task-thread-empty{padding:22px;text-align:center;color:#929baa;font-size:9.5px}
.task-message-form{border-top:1px solid #e8ebf0;padding-top:15px}
.mention-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:7px}
.mention-row>span{font-size:8px;color:#8a94a4;margin-right:3px}
.mention-chip{border:1px solid #dedbed;background:#f7f6fd;color:#39337c;border-radius:999px;padding:4px 7px;font-size:7.8px;font-weight:800;cursor:pointer}
.mention-chip:hover{background:#ece9fa}
.task-message-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.task-status-action{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e4eb;background:#fff;border-radius:9px;padding:0 10px;cursor:pointer;color:#647084}
.task-status-action:hover{background:#fafbfc}
.task-status-action.is-current{border-color:#c9c5e9;background:#f6f4fd}
.task-status-action:disabled{cursor:not-allowed;opacity:.55}
.task-overdue-note{display:flex;align-items:center;gap:7px;margin-top:12px;padding:9px;border-radius:8px;background:#fff0f2;color:#ba2c43;font-size:8.5px;font-weight:800}

.notification-list{padding:4px}
.notification-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #edf0f4;color:#3c4657}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:#fafbfc}
.notification-item.is-unread{background:#f7f6fd}
.notification-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#ece9fa;color:#332d7d;flex:0 0 34px}
.notification-content{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.notification-content strong{font-size:9.8px;color:#1c2440}
.notification-content span{font-size:8.8px;color:#667184;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notification-content small{font-size:7.5px;color:#9aa3b0}

@media(max-width:1100px){
  .task-filter-head{align-items:stretch;flex-direction:column}
  .task-filters{width:100%}
  .task-search{flex:1}
  .task-show-grid{grid-template-columns:1fr}
  .task-detail-meta{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .task-filters{display:grid;grid-template-columns:1fr 1fr}
  .task-search{grid-column:1/-1;min-width:0}
  .task-filters .btn{width:100%}
  .task-detail-meta{grid-template-columns:1fr}
  .task-detail-meta>div{border-right:0;border-bottom:1px solid #e8ebf0}
  .task-detail-meta>div:last-child{border-bottom:0}
  .task-message{max-width:96%}
  .task-message-actions{align-items:stretch;flex-direction:column}
  .task-message-actions .btn{width:100%}
}