:root{--bg: #f5f6f8;--surface: #ffffff;--border: #d9dee4;--text: #1c2430;--muted: #5b6672;--accent: #1a6ee0;--accent-dark: #1258b8;--accent-contrast: #ffffff;--danger: #c22f2f;--danger-bg: #fbeaea;--ok: #15703c;--ok-bg: #e7f5ec;--warn: #8a5a06;--warn-bg: #fdf3e3;--neutral: #64748b;--neutral-bg: #eceff3;--past-bg: #f6f7f9;--info-bg: #e8f1fd;--radius: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--sidebar-w: 220px;--control-h: 36px;--row-h: 44px;--page-head-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:var(--bg)}h1,h2,h3{margin:0;font-weight:600}h1{font-size:20px}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0}textarea{height:auto;min-height:88px;padding:var(--space-2) var(--space-3);resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled,textarea:disabled,button:disabled{color:var(--muted);background:var(--bg);border-color:var(--border);cursor:not-allowed}button.primary:disabled{color:#fff;background:#4a6f95;border-color:#4a6f95}label{display:grid;gap:var(--space-1);font-size:13px;color:var(--muted)}label>input,label>select,label>textarea{color:var(--text);font-size:14px}.inset-field{min-width:0;align-content:start}.row:has(>.inset-field){align-items:flex-start}.field-shell{display:grid;gap:0;min-width:0;padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.field-label{display:block;min-width:0;color:var(--muted);font-size:14px;font-weight:400;line-height:18px;overflow-wrap:anywhere}.field-shell>:is(input,select,textarea){display:block;width:100%;max-width:none;height:26px;min-height:26px;padding:0;border:0;border-radius:0;outline:none;background:transparent;color:var(--text);font-size:16px;line-height:1.4}.field-shell>textarea{height:auto;min-height:64px;resize:vertical}.field-shell>input::placeholder,.field-shell>textarea::placeholder{color:var(--muted);opacity:1}.field-shell:has(>:focus-visible){outline:2px solid var(--accent);outline-offset:1px}.field-shell:has(>:disabled){background:var(--bg);cursor:not-allowed}.field-shell>:disabled{color:var(--muted);cursor:not-allowed}label:has(>input[type=checkbox]){display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:fit-content;min-height:var(--control-h);padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease}label:has(>input[type=checkbox]):hover{border-color:var(--accent)}label:has(>input[type=checkbox]:focus-visible){outline:2px solid var(--accent);outline-offset:1px}label:has(>input[type=checkbox]:disabled){color:var(--muted);background:var(--bg);cursor:not-allowed}label:has(>input[type=checkbox])>input[type=checkbox]{appearance:none;display:grid;place-items:center;flex:0 0 auto;width:18px;height:18px;margin:0;padding:0;border:2px solid #747b84;border-radius:5px;background:var(--surface);cursor:pointer}label:has(>input[type=checkbox])>input[type=checkbox]:before{content:"";width:5px;height:9px;margin-top:-2px;border-right:2px solid var(--accent-contrast);border-bottom:2px solid var(--accent-contrast);opacity:0;transform:rotate(45deg)}label:has(>input[type=checkbox])>input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}label:has(>input[type=checkbox])>input[type=checkbox]:checked:before{opacity:1}label:has(>input[type=checkbox])>input[type=checkbox]:focus-visible{outline:none}label:has(>input[type=checkbox])>input[type=checkbox]:disabled{border-color:var(--border);background:var(--bg);cursor:not-allowed}label:has(>input[type=checkbox])>input[type=checkbox]:checked:disabled{border-color:#4a6f95;background:#4a6f95}button{height:var(--control-h);min-width:72px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}button.primary:hover:not(:disabled){background:var(--accent-dark);color:var(--accent-contrast)}button.danger{color:var(--danger);border-color:var(--danger)}button.danger:hover:not(:disabled){background:var(--danger);color:#fff}button.link{border:none;background:none;min-width:0;height:auto;padding:0;color:var(--accent)}button.link.danger{color:var(--danger)}button.link:hover:not(:disabled){background:none;text-decoration:underline}button.link.danger:hover:not(:disabled){color:var(--danger)}fieldset{border:none;margin:0;padding:0;display:grid;gap:var(--space-3)}table{width:100%;border-collapse:collapse;table-layout:fixed;background:var(--surface)}th,td{height:var(--row-h);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);text-align:start;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:13px}tr.empty td{color:var(--muted);text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.page-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-height:var(--page-head-h);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-6)) var(--space-4);padding:var(--space-2) var(--space-6);background:var(--surface);border-bottom:1px solid var(--border)}.page-head h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.provider-static{min-height:var(--control-h);min-width:190px;padding:4px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);display:grid;align-content:center;line-height:1.15}.provider-static strong,.provider-static small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-static strong{font-size:13px}.provider-static small{color:var(--muted);font-size:11px}.status-slot{min-height:40px;display:flex;align-items:center;gap:var(--space-2)}.status-slot .error,.status-slot .warn-notice,.status-slot .ok{display:block;width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:0;font-weight:600}.status-slot .error{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.status-slot .ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok)}.status-slot .warn-notice{color:var(--warn);background:var(--warn-bg);border-color:var(--warn)}.toolbar{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-h)}.row{display:flex;align-items:center;gap:var(--space-2)}.stack{display:grid;gap:var(--space-3);align-content:start}.cols-2{display:grid;grid-template-columns:320px 1fr;gap:var(--space-4);align-items:start}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums}.badge{display:inline-block;min-width:64px;padding:2px var(--space-2);border-radius:999px;font-size:12px;text-align:center;background:var(--info-bg);color:var(--accent)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.neutral{background:var(--bg);color:var(--muted)}.field-error{color:var(--danger);font-size:12px;min-height:16px}.field-error:empty{display:none}form .status-slot:empty{display:none}.skel{display:block;height:14px;border-radius:4px;background:linear-gradient(90deg,#e8ebef 25%,#f3f5f7,#e8ebef 75%);background-size:200% 100%;animation:skel-shimmer 1.2s infinite linear}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}dialog{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);width:min(480px,calc(100vw - 32px));background:var(--surface);color:var(--text)}dialog::backdrop{background:#1c243073}main>:not(router-outlet),.card,fieldset,label,.stack,.row>*{min-width:0}dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}body:has(dialog[open]) main{overflow:hidden}@media(max-width:1023px){:root{--control-h: 44px}.page-head{margin:-16px -12px 16px;padding:12px}.cols-2{grid-template-columns:minmax(0,1fr)}input,select,textarea,label>input,label>select,label>textarea{font-size:16px}.row,.toolbar{flex-wrap:wrap}button.link{min-height:44px;padding:8px 4px}label:has(>input[type=checkbox]){max-width:100%;height:auto;padding-block:8px}.badge{white-space:normal}}@media(max-width:767px){body{font-size:16px}.card{padding:12px}.page-head>input,.page-head>select,.page-head>app-search-select,.page-head>.field-shell,.page-head>.provider-static{width:100%;flex:1 1 100%;max-width:100%}.page-head>button.primary{width:100%}.provider-static{min-width:0}.status-slot{overflow-wrap:anywhere}.status-slot:empty{min-height:12px}button{height:auto;min-height:var(--control-h);padding-block:8px}input,select,textarea{max-width:100%}dialog{padding:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}dialog .row>label{flex:1 1 100%}form.stack{gap:var(--space-2)}dialog .actions{flex-wrap:wrap}dialog .actions>button{flex:1 1 120px}.contacts{overflow-wrap:anywhere}table.mobile-records{display:block;min-width:0;table-layout:auto}table.mobile-records colgroup{display:none}table.mobile-records thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}table.mobile-records tbody{display:grid;gap:16px}table.mobile-records tr{display:grid;min-width:0;padding-bottom:12px;border-bottom:1px solid var(--border)}table.mobile-records tr:last-child{border-bottom:0;padding-bottom:0}table.mobile-records td{display:block;height:auto;min-width:0;padding:6px 0;border:0;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-align:start}table.mobile-records td[data-label]:before{content:attr(data-label);display:block;color:var(--muted);font-size:13px;margin-bottom:2px}table.mobile-records td:first-child{font-weight:600}table.mobile-records td.row-actions{display:flex;flex-wrap:wrap;gap:4px 12px;padding-top:8px}table.mobile-records .row-actions button{margin:0}table.mobile-records tr.empty td{text-align:center;font-weight:400}}@media(max-width:359px){dialog .row:has(>.inset-field){display:grid;grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.integration-status{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px}.integration-facts{margin:0;font-size:14px}.integration-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--border)}.integration-facts>div:last-child{border-bottom:0}.integration-facts dt{color:var(--muted)}.integration-facts dd{margin:0;text-align:end;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.integration-details{margin-top:var(--space-2)}.integration-details summary{width:fit-content;max-width:100%;min-height:44px;padding-block:var(--space-3);color:var(--accent);cursor:pointer;font-size:14px}.integration-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.integration-error{color:var(--danger);overflow-wrap:anywhere}.warn-text{color:var(--warn)}input:is([type=tel],[type=email],[type=url],[type=number],[type=time],[type=date],[type=password]),input[inputmode=decimal],input[inputmode=numeric],a[href^="tel:"],a[href^="mailto:"],.num{direction:ltr;unicode-bidi:isolate}[dir=rtl] app-icon.directional{transform:scaleX(-1)}[dir=rtl] .mobile-nav{margin-inline-start:0;margin-inline-end:auto;inset-inline-start:0;inset-inline-end:auto}[dir=rtl]{letter-spacing:normal}.back-arrow{display:inline-block}[dir=rtl] .back-arrow{transform:scaleX(-1)}.time-field{direction:ltr}[dir=rtl] .time-field .field-label{direction:rtl}
