:root{--bg:#f3f5f9;--surface:#fff;--surface-soft:#f8fafc;--line:#e2e8f0;--line-strong:#cbd5e1;--text:#172033;--text-soft:#475569;--muted:#7b879b;--primary:#4f46e5;--primary-dark:#4338ca;--primary-soft:#eef2ff;--ok:#059669;--ok-soft:#ecfdf5;--warn:#d97706;--warn-soft:#fffbeb;--alert:#dc2626;--alert-soft:#fef2f2;--radius:14px;--radius-lg:20px;--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 4px rgba(15,23,42,.03);--shadow:0 10px 30px rgba(15,23,42,.07),0 2px 8px rgba(15,23,42,.04);--shadow-hover:0 18px 42px rgba(15,23,42,.11),0 4px 12px rgba(15,23,42,.06)}
*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(79,70,229,.08),transparent 28rem),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}svg{display:block}.container{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:30px 0 52px}
/* Header */
.topbar{min-height:72px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.92);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 1px 2px rgba(15,23,42,.025);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:10px;color:var(--text);flex:0 0 auto}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 8px 18px rgba(79,70,229,.24)}.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1.15}.brand-copy strong{font-size:16px;letter-spacing:-.02em}.brand-copy small{margin-top:3px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;align-self:stretch;gap:4px}.nav a{position:relative;display:flex;align-items:center;gap:7px;padding:0 13px;color:var(--text-soft);font-size:13px;font-weight:650}.nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent}.nav a:hover{color:var(--text);background:#fafbff}.nav a.active{color:var(--primary)}.nav a.active::after{background:var(--primary)}.nav svg,.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.userbox{margin-left:auto;display:flex;align-items:center;gap:9px}.user-avatar,.client-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#dbeafe,#e0e7ff);color:#3730a3;font-weight:750}.user-avatar{width:34px;height:34px;font-size:13px}.who{display:flex;flex-direction:column;line-height:1.2}.who strong{font-size:12px}.who em{color:var(--muted);font-size:10px;font-style:normal;text-transform:capitalize}.icon-button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted)}.icon-button:hover{color:var(--alert);background:var(--alert-soft)}
/* Shared */
h1,h2,h3{color:var(--text);line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(26px,3vw,36px);margin:0}h2{font-size:19px;margin:0 0 15px}h3{font-size:16px;margin:0}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-intro{margin:8px 0 0;color:var(--muted);font-size:14px}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.dashboard-hero,.pagebar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 24px}.compact-hero{margin-bottom:20px}.pagebar h1{font-size:28px}.actions,.header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
button,.btn{appearance:none;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface);color:var(--text-soft);padding:9px 14px;font:inherit;font-size:13px;font-weight:680;line-height:1.25;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:border-color .16s,background .16s,color .16s,box-shadow .16s,transform .16s}button:hover,.btn:hover{border-color:#aeb8c7;background:#f8fafc;color:var(--text)}button:active,.btn:active{transform:translateY(1px)}.primary,.btn-primary{color:#fff;border-color:var(--primary);background:linear-gradient(135deg,#5b55eb,var(--primary-dark));box-shadow:0 6px 16px rgba(79,70,229,.18)}.primary:hover,.btn-primary:hover{color:#fff;border-color:#3730a3;background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 9px 22px rgba(79,70,229,.25)}.btn-prominent{min-height:44px;padding:11px 18px;border-radius:12px}.btn-prominent svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.btn-sm{padding:5px 9px;font-size:11px;border-radius:8px}.btn-ghost{border-color:transparent;background:transparent}.linkbtn{padding:0;border:0;background:none;color:var(--primary);box-shadow:none}.create-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.card{background:var(--surface);border:1px solid rgba(226,232,240,.95);border-radius:var(--radius-lg);padding:22px;margin:16px 0;box-shadow:var(--shadow-sm)}.card>h2:first-child,.section-heading{padding-bottom:14px;border-bottom:1px solid var(--line)}.card>h2:first-child{margin-bottom:18px}.card.narrow{max-width:440px;margin:8vh auto 40px;padding:30px;box-shadow:var(--shadow)}.app-guest .topbar{justify-content:center}.app-guest .brand{margin:0 auto}.app-guest .container{max-width:520px}.app-guest .card.narrow::before{content:"Acces securizat";display:inline-block;margin-bottom:12px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:14px}.stack.inline{flex-direction:row;flex-wrap:wrap;align-items:end}.stack.inline input,.stack.inline select{flex:1 1 150px}.inline2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:6px;color:var(--text-soft);font-size:12px;font-weight:650}label.chk{flex-direction:row;align-items:center;gap:8px;color:var(--text-soft)}input,select,textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}input::placeholder,textarea::placeholder{color:#a1aab8}input:hover,select:hover,textarea:hover{border-color:#aeb8c7}input:focus,select:focus,textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.13)}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--primary)}input[type=color]{min-width:46px;padding:4px}textarea{resize:vertical;min-height:84px}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin:0;background:#fbfcfe}legend{padding:0 8px;color:var(--text);font-size:14px;font-weight:750}hr{border:0;border-top:1px solid var(--line);margin:18px 0}.alert,.ok,.danger-note,.warranty-summary{padding:12px 14px;border-radius:11px;border:1px solid}.alert{background:var(--alert-soft);border-color:#fecaca;color:#b91c1c}.ok{background:var(--ok-soft);border-color:#a7f3d0;color:#047857}.danger-note{background:var(--warn-soft);border-color:#fde68a;color:#92400e}.warranty-summary{background:var(--ok-soft);border-color:#a7f3d0;color:#065f46}.autosave-status{min-height:18px;color:var(--muted);font-size:11px}.autosave-status[data-state=saving],.autosave-status[data-state=dirty]{color:var(--warn)}.autosave-status[data-state=saved]{color:var(--ok)}.autosave-status[data-state=error]{color:var(--alert);font-weight:700}
/* Dashboard */
.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{display:flex;align-items:center;gap:14px;min-height:92px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.metric-card>div{display:flex;flex-direction:column}.metric-card strong{font-size:25px;line-height:1;letter-spacing:-.04em}.metric-card span:not(.metric-icon){margin-top:5px;color:var(--muted);font-size:12px}.metric-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft);color:var(--primary)}.metric-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.metric-violet{background:#f3e8ff;color:#7e22ce}.metric-amber{background:#fff7ed;color:#c2410c}.metric-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:transparent;color:#fff}.metric-primary .metric-icon{background:rgba(255,255,255,.16);color:#fff}.metric-primary span:not(.metric-icon){color:rgba(255,255,255,.75)}.filter-panel{padding:20px;margin:0 0 28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.filter-panel-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:15px}.filter-panel-head h2{margin:0;font-size:16px}.filter-panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.reset-link{color:var(--primary);font-size:12px;font-weight:700}.search-wrapper{position:relative}.search-large{margin-bottom:18px}.search-large>svg{position:absolute;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;pointer-events:none}.search-large input{height:48px;padding-left:43px;padding-right:40px;background:var(--surface-soft);border-color:transparent}.search-large input:focus{background:#fff;border-color:#818cf8}.search-clear{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-size:19px}.search-clear:hover{background:#e2e8f0;color:var(--text)}.filter-section{padding:14px 0;border-top:1px solid var(--line)}.filter-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.filter-label span{color:var(--text-soft);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.filter-label small{color:var(--muted);font-size:11px}.filter-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;border-top:1px solid var(--line)}.filter-columns .filter-section{border-top:0}.filter-cards{display:flex;flex-wrap:wrap;gap:7px}.filter-card{min-height:34px;padding:6px 10px;border-color:var(--line);border-radius:999px;background:#fff;color:var(--text-soft);font-size:12px;font-weight:650;box-shadow:none}.filter-card:hover{border-color:#a5b4fc;background:var(--primary-soft);color:#3730a3}.filter-card.active{border-color:var(--primary);background:var(--primary);color:#fff}.filter-card-count{min-width:20px;padding:1px 6px;border-radius:999px;background:#edf0f5;color:var(--text-soft);font-size:10px;text-align:center}.filter-card.active .filter-card-count{background:rgba(255,255,255,.2);color:#fff}.filter-card-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color,#64748b)}.status-card.active{border-color:var(--status-color);background:var(--status-color)}.status-card.active .filter-card-dot{background:#fff}.date-filter-bar{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:15px;margin-top:4px;border-radius:12px;background:var(--surface-soft)}.date-fields{display:flex;gap:10px}.date-fields label{min-width:145px}.date-fields input{min-height:38px;background:#fff}.date-shortcuts{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.date-shortcuts>span{margin-right:3px;color:var(--muted);font-size:11px;font-weight:650}.date-shortcuts button{min-height:32px;padding:5px 10px;background:#fff;border-color:var(--line);font-size:11px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 2px 14px}.section-title-row h2{margin:0;font-size:20px}.result-hint{color:var(--muted);font-size:11px}.ticket-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ticket-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.ticket-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:var(--shadow-hover)}.ticket-accent{position:absolute;inset:0 auto 0 0;width:4px}.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 13px 20px}.ticket-head>div{display:flex;flex-direction:column;gap:6px;min-width:0}.ticket-number{color:var(--muted);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.category-pill,.client-type{width:fit-content;padding:3px 7px;border-radius:6px;background:var(--primary-soft);color:#4338ca;font-size:10px;font-weight:750}.status-badge{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--badge-color) 10%,white);color:var(--badge-color);font-size:10px;font-weight:800}.status-badge>span{width:7px;height:7px;border-radius:50%;background:var(--badge-color)}.ticket-device{display:flex;align-items:center;gap:11px;padding:0 18px 14px 20px}.device-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#f1f5f9;color:#64748b}.device-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ticket-device div,.ticket-client div{min-width:0;display:flex;flex-direction:column}.ticket-device strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-device small,.ticket-client small{margin-top:2px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-client{display:flex;align-items:center;gap:9px;margin:0 18px 14px 20px;padding:10px 11px;border-radius:11px;background:var(--surface-soft)}.client-avatar{width:32px;height:32px;flex:0 0 auto;font-size:12px}.ticket-client strong{font-size:12px}.ticket-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 18px 15px 20px}.ticket-meta>span{display:flex;align-items:center;gap:8px;min-width:0}.ticket-meta svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ticket-meta>span>span{display:flex;flex-direction:column;min-width:0}.ticket-meta small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.ticket-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:11px 18px 11px 20px;border-top:1px solid var(--line);background:#fcfdff;color:var(--muted);font-size:10px}.ticket-footer strong{color:var(--primary);font-size:11px}.ticket-footer strong span{display:inline-block;transition:transform .16s}.ticket-card:hover .ticket-footer strong span{transform:translateX(3px)}.empty-state-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 20px;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-lg)}.empty-state-card p{margin:8px 0 18px;color:var(--muted)}.empty-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:14px;border-radius:16px;background:var(--primary-soft);color:var(--primary)}.empty-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}
/* Clients */
.client-search-panel{padding:15px;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.client-search-panel .search-large{margin:0}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.client-card{display:flex;flex-direction:column;min-width:0;padding:18px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.client-card:hover{transform:translateY(-2px);border-color:#c7d2fe;box-shadow:var(--shadow-hover)}.client-card-head{display:flex;align-items:start;justify-content:space-between}.client-avatar.large{width:42px;height:42px;font-size:15px}.client-card h3{margin:14px 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-contact{display:flex;flex-direction:column;gap:8px;min-height:48px}.client-contact span{display:flex;align-items:center;gap:7px;min-width:0;color:var(--text-soft);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-contact svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.client-card-foot{display:flex;justify-content:space-between;gap:8px;margin:16px -18px -18px;padding:11px 18px;border-top:1px solid var(--line);background:#fcfdff;color:var(--muted);font-size:10px;border-radius:0 0 var(--radius) var(--radius)}.client-card-foot strong{color:var(--primary)}
/* Details */
.kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kv>div{min-width:0;padding:12px;border-radius:11px;background:var(--surface-soft);overflow-wrap:anywhere}.kv .k,.k{display:block;margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.badge{display:inline-block;padding:4px 9px;border-radius:999px;color:#fff;font-size:11px;font-weight:700}.count{display:inline-grid;min-width:23px;height:23px;place-items:center;margin-left:5px;padding:0 6px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-heading h2{margin:0}.money-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.estimate-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.estimate-summary>div{padding:8px 10px}.estimate-summary strong{font-size:20px}.estimate-state{padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}.state-draft{background:#f1f5f9;color:#475569}.state-sent{background:#fff7ed;color:#c2410c}.state-approved{background:#ecfdf5;color:#047857}.state-refused{background:#fef2f2;color:#b91c1c}.confirmation{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.gallery{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.thumb img{width:116px;height:116px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.timeline{list-style:none;margin:16px 0 0;padding:0}.timeline li{position:relative;padding:0 0 18px 22px;border-left:2px solid #e0e7ff}.timeline li:last-child{padding-bottom:0}.timeline li::before{content:"";position:absolute;left:-7px;top:3px;width:12px;height:12px;border:3px solid #eef2ff;border-radius:50%;background:var(--primary)}.timeline-meta{margin-bottom:5px;color:var(--muted);font-size:10px}.timeline-meta strong{color:var(--text-soft)}.timeline-text{white-space:pre-wrap;overflow-wrap:anywhere}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.status-arrow{color:var(--muted);padding:0 7px}.journal-form{padding-bottom:16px;border-bottom:1px solid var(--line)}.form-meta{margin:0;font-size:10px}.danger-zone{border-color:#fecaca;background:#fffafa}.danger-button{color:#b91c1c;border-color:#fca5a5;background:#fff}.danger-button:hover{color:#991b1b;background:#fef2f2;border-color:#ef4444}.access{padding:12px;border-radius:11px;background:#fffbeb;border:1px solid #fde68a}
/* Tables/settings */
.tablewrap,.table-wrapper{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}table.grid,.data-table{width:100%;border-collapse:collapse}table.grid th,table.grid td,.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}table.grid th,.data-table th{color:var(--muted);background:#f8fafc;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}table.grid tbody tr:hover,.data-table tbody tr:hover{background:#fbfcff}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;align-items:center;margin:8px 0;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.settings-row input,.settings-row select{min-width:0;background:#fff}.settings-row .autosave-status{text-align:right}.subsettings{margin:8px 0 16px 18px;padding:10px 0 2px 14px;border-left:2px solid #c7d2fe}.field-row{grid-template-columns:minmax(90px,.7fr) minmax(120px,1fr) 90px minmax(110px,1fr) 70px auto auto 70px}#userCategoryMatrix table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}#userCategoryMatrix th,#userCategoryMatrix td{border-bottom:1px solid var(--line);padding:8px;text-align:center}#userCategoryMatrix th:first-child,#userCategoryMatrix td:first-child{text-align:left}#userCategoryMatrix th{background:#f8fafc}#userCategoryMatrix td label{align-items:center}
.combo-wrapper{position:relative}.combo-input{width:100%}.combo-dropdown{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 5px);max-height:250px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.combo-option{padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer}.combo-option:hover{background:var(--primary-soft)}.combo-option:last-child{border:0}.foot{padding:24px 16px 32px;text-align:center;color:#98a2b3;font-size:10px}
@media(max-width:900px){.topbar{gap:12px;padding:0 16px}.brand-copy small,.who{display:none}.nav{margin:0 auto}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{grid-template-columns:repeat(2,minmax(0,1fr))}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px);padding:20px 0 40px}.topbar{min-height:64px;overflow-x:auto}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:14px}.nav{order:3;gap:0}.nav a{padding:0 9px;font-size:11px}.nav a svg{width:16px;height:16px}.user-avatar{display:none}.dashboard-hero,.pagebar{align-items:flex-start;margin-bottom:18px}h1{font-size:27px}.page-intro{max-width:260px}.btn-prominent{padding:10px 13px}.metric-grid{grid-template-columns:1fr;gap:9px}.metric-card{min-height:72px;padding:12px 14px}.metric-icon{width:40px;height:40px}.metric-card strong{font-size:21px}.filter-panel{padding:15px;border-radius:16px}.filter-columns{grid-template-columns:1fr;gap:0}.filter-columns .filter-section+.filter-section{border-top:1px solid var(--line)}.date-filter-bar{flex-direction:column;align-items:stretch}.date-fields{display:grid;grid-template-columns:1fr 1fr}.date-fields label{min-width:0}.date-shortcuts{justify-content:flex-start}.ticket-grid,.client-grid{grid-template-columns:1fr}.result-hint{display:none}.ticket-head{flex-direction:column}.status-badge{align-self:flex-start}.inline2,.money-grid,.estimate-summary{grid-template-columns:1fr}.kv{grid-template-columns:1fr}.card{padding:16px;border-radius:16px}.card.narrow{margin:5vh auto 20px;padding:22px}form[data-create-form]>.actions{position:sticky;bottom:8px;z-index:8;padding:10px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.settings-row,.field-row{grid-template-columns:1fr}.settings-row .autosave-status{text-align:left}.subsettings{margin-left:4px;padding-left:8px}#userCategoryMatrix table{display:block;overflow-x:auto}}
@media print{.topbar,.foot,.actions,.autosave-status,.danger-zone,.filter-panel,.metric-grid{display:none!important}body{background:#fff}.container{width:100%;max-width:none;padding:0}.card{box-shadow:none;break-inside:avoid}}

/* Dictare vocală */
.dictation-field{position:relative;display:block;width:100%}.dictation-field>input,.dictation-field>textarea{padding-right:44px}.dictation-button{position:absolute;right:6px;top:6px;width:32px;height:32px;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);box-shadow:none}.dictation-button:hover{background:var(--primary-soft);color:var(--primary);border:0;transform:none}.dictation-button:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.dictation-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dictation-button.is-listening{background:#fee2e2;color:#dc2626}.dictation-button:disabled{opacity:.45;cursor:not-allowed}

/* Fotografii */
.photo-actions{display:flex;flex-wrap:wrap;gap:10px}.photo-action{display:inline-flex;flex-direction:row;align-items:center;gap:9px;padding:12px 16px;border:1px solid transparent;border-radius:13px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}.photo-action input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.photo-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.photo-action-primary{color:#fff;background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 7px 16px rgba(8,145,178,.22)}.photo-action-secondary{color:#155e75;background:#ecfeff;border-color:#a5f3fc}.photo-action:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(15,23,42,.12)}.photo-action:focus-within{outline:2px solid #22d3ee;outline-offset:2px}.photo-selection{color:var(--muted);font-size:12px}.photo-submit:disabled{opacity:.65;cursor:wait}@media(max-width:680px){.photo-actions{display:grid;grid-template-columns:1fr 1fr}.photo-action{justify-content:center;padding:12px 8px;text-align:center}.photo-action span{font-size:12px}}

/* Setări compacte, deschise doar la nevoie */
.settings-accordion{padding:0;overflow:hidden}.settings-accordion>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;user-select:none}.settings-accordion>summary::-webkit-details-marker{display:none}.settings-accordion>summary>span:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-accordion>summary strong{color:var(--text);font-size:15px}.settings-accordion>summary small{color:var(--muted);font-size:11px;font-weight:500}.accordion-chevron{color:var(--primary);font-size:22px;line-height:1;transition:transform .18s}.settings-accordion[open]>summary{border-bottom:1px solid var(--line);background:#fcfdff}.settings-accordion[open] .accordion-chevron{transform:rotate(180deg)}.settings-accordion>summary:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.settings-content{padding:18px 20px 20px}.settings-content>form:first-child{margin-top:0}@media(max-width:680px){.settings-accordion>summary{padding:15px 16px}.settings-content{padding:15px 16px 16px}}

/* Setări: carduri de navigare, conținut afișat ca pagină */
.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card-grid .settings-accordion{margin:0;padding:0;min-width:0}.settings-accordion>summary{min-height:92px}.settings-card-heading{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.settings-card-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:var(--primary-soft);font-size:21px}.settings-card-heading>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.settings-card-arrow{color:var(--primary);font-size:25px;line-height:1;transition:transform .18s}.settings-accordion>summary:hover .settings-card-arrow{transform:translateX(3px)}.settings-focus-mode{display:block}.settings-focus-mode .settings-accordion:not(.settings-selected){display:none}.settings-focus-mode .settings-accordion.settings-selected{display:block;margin:0}.settings-focus-mode .settings-selected>summary{cursor:default}.settings-focus-mode .settings-selected .settings-card-arrow{display:none}.settings-back{margin-bottom:18px}.settings-focus-mode .settings-selected .settings-content{padding-top:20px}@media(max-width:680px){.settings-card-grid{grid-template-columns:1fr}.settings-accordion>summary{min-height:78px}}

/* Navigare rapidă între secțiuni */
.settings-focus-mode{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.settings-focus-mode .settings-accordion{transition:transform .2s,box-shadow .2s,opacity .2s}.settings-focus-mode .settings-accordion:not(.settings-selected){display:block;order:1;flex:0 0 150px}.settings-focus-mode .settings-accordion:not(.settings-selected)>summary{min-height:58px;padding:10px 12px;gap:8px}.settings-focus-mode .settings-accordion:not(.settings-selected) .settings-card-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:16px}.settings-focus-mode .settings-accordion:not(.settings-selected) .settings-card-heading{gap:8px}.settings-focus-mode .settings-accordion:not(.settings-selected) .settings-card-heading small{display:none}.settings-focus-mode .settings-accordion:not(.settings-selected) .settings-card-heading strong{font-size:12px}.settings-focus-mode .settings-accordion:not(.settings-selected) .settings-card-arrow{font-size:18px}.settings-focus-mode .settings-accordion:not(.settings-selected):hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.settings-focus-mode .settings-accordion.settings-selected{display:block;order:2;flex:1 0 100%;animation:settings-panel-in .22s ease-out}.settings-focus-mode .settings-selected>summary{min-height:70px}.settings-focus-mode .settings-selected .settings-card-heading small{display:block}.settings-system-card .settings-overview{margin:0;border:0;box-shadow:none;padding:0;background:transparent}.settings-system-card .settings-overview-head{padding-top:0}@keyframes settings-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:680px){.settings-focus-mode{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.settings-focus-mode .settings-accordion:not(.settings-selected){flex:0 0 136px}.settings-focus-mode .settings-accordion.settings-selected{flex:0 0 100%;order:2}}

/* Rezumatul de pe pagina implicită Setări */
.settings-overview{margin:0 0 20px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-overview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.settings-overview-head h2{margin:0;font-size:20px}.settings-overview-head p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px}.settings-live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:11px;font-weight:750;white-space:nowrap}.settings-live-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(5,150,105,.12)}.settings-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-status-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.settings-status-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-size:16px}.settings-status-card>div{display:flex;flex-direction:column;min-width:0}.settings-status-card small{color:var(--muted);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.settings-status-card strong{margin-top:2px;color:var(--text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-status-card span:last-child{margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-status-positive .settings-status-icon{background:var(--ok-soft);color:var(--ok)}.settings-status-muted .settings-status-icon{background:#f1f5f9;color:#94a3b8}.settings-system-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 13px;border:1px dashed var(--line-strong);border-radius:12px;background:#fff}.settings-system-actions>div{display:flex;flex-direction:column;gap:2px}.settings-system-actions strong{font-size:12px}.settings-system-actions span{color:var(--muted);font-size:11px}.settings-system-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:800px){.settings-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.settings-overview{padding:16px}.settings-overview-head{flex-direction:column;gap:10px}.settings-status-grid{grid-template-columns:1fr}.settings-system-actions{align-items:stretch;flex-direction:column}.settings-system-actions button{width:100%}}
.settings-card-arrow{display:none!important}.settings-accordion>summary:hover .settings-card-arrow{transform:none}