/* DrugoeMesto Atelier: a shared component skin, preserving existing layout contracts. */
html[data-console-theme] {
 --ui-color-scheme:dark; --ui-canvas:#151326; --ui-surface:#302e4a; --ui-surface-alt:#3b3857; --ui-sidebar:#1c192f;
 --ui-input:#242139; --ui-button:#45405f; --ui-hover:#4b4569; --ui-segment:#211d35;
 --ui-selected:#514367; --ui-table-head:#3a3453; --ui-border:#514969; --ui-border-strong:#75688a; --ui-input-border:#817493;
 --ui-text:#e8e7ee; --ui-heading:#faf9ff; --ui-muted:#b5b5c4; --ui-dim:#a2a4b5; --ui-placeholder:#9699aa;
 --ui-accent:#e2bddb; --ui-accent-solid:#7d5485; --ui-accent-hover:#65537f; --ui-on-accent:#fff; --ui-accent-soft:#382646; --ui-accent-border:#68567f;
 --ui-info:#a2c5ec; --ui-info-soft:#233347; --ui-info-border:#475e7b;
 --ui-danger:#ffb3b6; --ui-danger-soft:#45282f; --ui-danger-border:#844851;
 --ui-warning:#e7c38f; --ui-warning-soft:#3a3024; --ui-warning-border:#766047;
 --ui-purple:#d0b8f0; --ui-purple-soft:#342b43; --ui-purple-border:#68567f;
 --ui-scrollbar:#555868; --ui-disabled:#292b34; --ui-shadow:#00000022; --ui-shadow-deep:#00000060; --ui-focus:#b99adf55; --ui-backdrop:#080911a8;
 --ff:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; --ff-heading:var(--ff);
 --radius:18px; --radius-sm:12px; --radius-xs:8px;
 --at-highlight:rgba(255,255,255,.07); --at-shadow:0 8px 28px #00000018;
}
html[data-console-theme="light"],html[data-console-theme="windows"] {
 --ui-color-scheme:light; --ui-canvas:#e8e2ee; --ui-surface:#f8f5fc; --ui-surface-alt:#ece6f3; --ui-sidebar:#eee8f4;
 --ui-input:#fff; --ui-button:#efedf4; --ui-hover:#e9e5f0; --ui-segment:#e9e6ef; --ui-selected:#e9dff4; --ui-table-head:#efedf4;
 --ui-border:#d8d4e1; --ui-border-strong:#aaa3b9; --ui-input-border:#a7a0b5;
 --ui-text:#292633; --ui-heading:#18141f; --ui-muted:#635d70; --ui-dim:#6c6579; --ui-placeholder:#716a7c;
 --ui-accent:#644581; --ui-accent-solid:#6e5089; --ui-accent-hover:#593e72; --ui-on-accent:#fff; --ui-accent-soft:#ece3f6; --ui-accent-border:#c7b5db;
 --ui-info:#285b91; --ui-info-soft:#e6eff9; --ui-info-border:#b8cde5;
 --ui-danger:#a52d42; --ui-danger-soft:#fbe8ec; --ui-danger-border:#e5b7c0;
 --ui-warning:#80551d; --ui-warning-soft:#fbefda; --ui-warning-border:#dfc79f;
 --ui-purple:#684780; --ui-purple-soft:#eee4f6; --ui-purple-border:#cbb8dc;
 --ui-scrollbar:#b9b2c7; --ui-disabled:#ece9f0; --ui-shadow:#3323440b; --ui-shadow-deep:#33234430; --ui-focus:#78549433; --ui-backdrop:#18132280;
 --at-highlight:#ffffffcc; --at-shadow:0 8px 28px #33234408;
}
html[data-console-theme] body { background:radial-gradient(ellipse at 85% 0%,var(--ui-accent-soft),transparent 55%),var(--ui-canvas)!important; color:var(--ui-text);font-family:var(--ff); }
html[data-console-theme] body::before,html[data-console-theme] body::after { display:none!important; }
html[data-console-theme] #mainSidebar { background:var(--ui-sidebar)!important;border:1px solid var(--ui-border)!important;border-radius:22px!important;box-shadow:var(--at-shadow)!important;backdrop-filter:none!important; }
html[data-console-theme] .sidebar__nav { scrollbar-width:thin;scrollbar-color:var(--ui-scrollbar) transparent;overscroll-behavior:contain; }
html[data-console-theme] .sidebar__group-label { font-size:10px;letter-spacing:1.5px;color:var(--ui-dim); }
html[data-console-theme] .sidebar__btn { border-radius:11px!important;min-height:42px;line-height:1.3;font-size:13px!important;color:var(--ui-muted)!important;border:1px solid transparent!important;transition:background .16s,color .16s!important; }
html[data-console-theme] .sidebar__btn:hover { background:var(--ui-hover)!important;color:var(--ui-heading)!important; }
html[data-console-theme] .sidebar__btn.active { background:linear-gradient(100deg,var(--ui-selected),var(--ui-surface-alt))!important;color:var(--ui-heading)!important;border-color:var(--ui-accent-border)!important;box-shadow:inset 3px 0 var(--ui-accent)!important; }
html[data-console-theme] .sidebar__btn .ui-icon { background:transparent!important;box-shadow:none!important;border:0!important;color:inherit!important; }
html[data-console-theme] .ui-icon__svg { filter:none!important; }
html[data-console-theme] .sidebar-session,.sidebar__footer { border-color:var(--ui-border)!important; }
html[data-console-theme] .page-title { font-size:clamp(24px,2.2vw,32px)!important;line-height:1.2;letter-spacing:-.8px;font-weight:650;color:var(--ui-heading)!important; }
html[data-console-theme] .page-header { background:transparent!important;border:0!important;box-shadow:none!important; }
html[data-console-theme] .page-subtitle { color:var(--ui-muted);line-height:1.5; }
html[data-console-theme] :is(.card,.today-panel,.works-dash-card,.finance-chart-card,.master-card,.client-card,.service-card,.post-card,.pub-service-card,.stat-card,.settings-card) { background:linear-gradient(135deg,var(--at-highlight),transparent 55%),var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:18px!important;box-shadow:var(--at-shadow)!important;backdrop-filter:none!important; }
html[data-console-theme] :is(.card,.today-panel,.finance-chart-card) { padding:20px; }
html[data-console-theme] .btn { border-radius:11px!important;border:1px solid var(--ui-border-strong)!important;background:linear-gradient(180deg,var(--at-highlight),transparent),var(--ui-button)!important;color:var(--ui-text)!important;box-shadow:inset 0 1px var(--at-highlight),0 2px 3px #00000008!important;font-weight:600;transition:background .16s,box-shadow .16s,transform .16s!important; }
html[data-console-theme] .btn:hover:not(:disabled) { background:var(--ui-hover)!important;border-color:var(--ui-accent-border)!important; }
html[data-console-theme] .btn:active:not(:disabled) { transform:translateY(1px); }
html[data-console-theme] .btn--primary { background:linear-gradient(160deg,var(--at-highlight),transparent),var(--ui-accent-solid)!important;border-color:var(--ui-accent-border)!important;color:#fff!important; }
html[data-console-theme] .btn--primary:hover:not(:disabled) { background:var(--ui-accent-hover)!important;color:#fff!important; }
html[data-console-theme] :is(.btn--danger,.btn--delete) { color:var(--ui-danger)!important;border-color:var(--ui-danger-border)!important;background:var(--ui-danger-soft)!important; }
html[data-console-theme] .btn--ghost { background:transparent!important;box-shadow:none!important; }
html[data-console-theme] button:disabled { opacity:.5;cursor:not-allowed; }
html[data-console-theme] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.input) { border:1px solid var(--ui-input-border)!important;border-radius:10px!important;background:var(--ui-input)!important;color:var(--ui-text)!important;box-shadow:inset 0 1px 2px #00000008!important; }
html[data-console-theme] :is(input,select,textarea):focus { border-color:var(--ui-accent)!important;outline:none;box-shadow:0 0 0 3px var(--ui-focus)!important; }
html[data-console-theme] :is(button,a,summary,[tabindex]):focus-visible { outline:2px solid var(--ui-accent)!important;outline-offset:3px; }
html[data-console-theme] input::placeholder,html[data-console-theme] textarea::placeholder { color:var(--ui-placeholder)!important;opacity:1; }
html[data-console-theme] input:is([type=checkbox],[type=radio]) { accent-color:var(--ui-accent-solid); }
html[data-console-theme] :is(.modal-content,.sheet-content,.drawer-content) { background:var(--ui-surface)!important;border:1px solid var(--ui-border-strong)!important;border-radius:22px!important;box-shadow:0 24px 70px var(--ui-shadow-deep)!important; }
html[data-console-theme] .modal { background:var(--ui-backdrop); }
html[data-console-theme] :is(.tabs,.finance-tabs,.payroll-tabs,.segmented-control) { border:1px solid var(--ui-border)!important;border-radius:12px!important;background:var(--ui-segment)!important;padding:4px; }
html[data-console-theme] :is([role=tab][aria-selected=true],.finance-tab--active,.tab.active) { background:var(--ui-selected)!important;color:var(--ui-heading)!important;border-radius:8px!important; }
html[data-console-theme] :is(.table,table) { color:var(--ui-text);font-variant-numeric:tabular-nums; }
html[data-console-theme] :is(.table,table) th { background:var(--ui-table-head)!important;color:var(--ui-muted)!important;font-size:11px;letter-spacing:.3px; }
html[data-console-theme] :is(.table,table) :is(th,td) { border-color:var(--ui-border)!important; }
html[data-console-theme] :is(.table,table) tbody tr:hover { background:var(--ui-hover); }
html[data-console-theme] :is(.today-list-item,.work-card,.booking-card,.document-card) { border-radius:12px!important;border-color:var(--ui-border)!important; }
html[data-console-theme] #todayScreen .td-card { background:linear-gradient(135deg,var(--at-highlight),transparent),var(--ui-surface)!important;border-color:var(--ui-border)!important; }
html[data-console-theme] #todayScreen .td-result { background:linear-gradient(130deg,var(--ui-selected),var(--ui-surface))!important; }
html[data-console-theme] .screen.screen--enter { animation:atelier-enter .23s ease-out!important; }
html[data-console-theme] .modal:not(.hidden)>.modal-content { animation:atelier-dialog .18s ease-out!important; }
html[data-console-theme] .btn--pulse-attention { animation:none!important; }
html[data-console-theme] #loginModal { background:linear-gradient(90deg,#101116cc,#10111635),url('assets/atelier/glass.jpg') center/cover!important; }
html[data-console-theme] #loginModal .modal-content { background:var(--ui-surface)!important;padding:32px;border-radius:24px!important; }
html[data-console-theme] .login-modal__welcome { padding:0 0 16px; }
html[data-console-theme] #loginModal h2 { font-size:24px;letter-spacing:-.6px; }
@keyframes atelier-enter { from { opacity:.3;transform:translateY(5px); } to { opacity:1;transform:none; } }
@keyframes atelier-dialog { from { opacity:.3;transform:translateY(8px) scale(.99); } to { opacity:1;transform:none; } }
@media(max-width:768px) {
 html[data-console-theme] .mobile-topbar { background:var(--ui-sidebar)!important;border-color:var(--ui-border)!important; }
 html[data-console-theme] :is(.card,.today-panel,.finance-chart-card) { padding:14px; }
 html[data-console-theme] .page-header { flex-wrap:wrap;gap:12px; }
 html[data-console-theme] .btn { min-height:36px; }
 html[data-console-theme] #loginModal .modal-content { padding:22px; }
}
@media(prefers-reduced-motion:reduce) {
 html[data-console-theme] .screen.screen--enter,html[data-console-theme] .modal:not(.hidden)>.modal-content { animation:none!important; }
 html[data-console-theme] .btn,html[data-console-theme] .sidebar__btn { transition:none!important; }
}
/* Override legacy dashboard wrappers and fixed dark footer. */
html[data-console-theme] #todayKpi > :is(.td-overview,.td-metrics) { padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;backdrop-filter:none!important; }
html[data-console-theme] #sidebarSessionBar { background:var(--ui-sidebar)!important;border-top:1px solid var(--ui-border)!important;color:var(--ui-text)!important; }
html[data-console-theme] #sidebarSessionBar :is(.sidebar-profile__name,.sidebar-profile__role) { color:var(--ui-text)!important; }
html[data-console-theme] :is(.btn--primary,button.btn--primary) { background:linear-gradient(160deg,var(--at-highlight),transparent),var(--ui-accent-solid)!important;box-shadow:inset 0 1px var(--at-highlight),0 2px 4px #0001!important; }

/* Reference layout: dense violet tiles within a calm indigo workspace. */
html[data-console-theme] body { background:radial-gradient(ellipse at 0% 15%,var(--ui-accent-soft),transparent 65%),var(--ui-canvas)!important; }
html[data-console-theme] #mainSidebar { border-radius:14px!important; }
html[data-console-theme] :is(.card,.today-panel,.works-dash-card,.finance-chart-card,.master-card,.client-card,.service-card,.post-card,.pub-service-card,.stat-card,.settings-card,.modal-content,.sheet-content,.drawer-content) { border-radius:12px!important; }
html[data-console-theme] :is(.card,.today-panel,.works-dash-card,.finance-chart-card) { background:var(--ui-surface)!important;box-shadow:0 4px 16px #0000000c!important; }
html[data-console-theme] .btn { border-radius:8px!important; }
html[data-console-theme] #todayScreen .td-overview { grid-template-columns:1fr 1fr .85fr;gap:10px; }
html[data-console-theme] #todayScreen .td-card { border-radius:12px!important;padding:18px;background:var(--ui-surface)!important; }
html[data-console-theme] #todayScreen .td-chart-body { gap:12px;margin-top:12px; }
html[data-console-theme] #todayScreen .td-ring { width:112px; }
html[data-console-theme] #todayScreen .td-result { background:linear-gradient(145deg,var(--ui-selected),var(--ui-surface))!important; }
html[data-console-theme] #todayScreen .td-metrics { gap:10px;margin:10px 0 18px; }
html[data-console-theme] #todayScreen .td-metric { padding:14px 16px;gap:6px; }
html[data-console-theme] #todayScreen .today-grid { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px; }
html[data-console-theme] #todayScreen .today-grid>.today-panel { grid-column:span 4;min-width:0; }
html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(1),html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(2) { grid-column:span 6; }
html[data-console-theme] #todayScreen .today-panel { padding:18px;min-height:160px; }
html[data-console-theme] #todayScreen .today-panel__head { padding-bottom:12px;border-bottom:1px solid var(--ui-border);margin-bottom:12px; }
html[data-console-theme] :is(.calendar-day,.calendar-cell,.calendar-month-day) { border-radius:9px!important; }
@media(max-width:1200px) {
 html[data-console-theme] #todayScreen .td-overview { grid-template-columns:1fr 1fr; }
 html[data-console-theme] #todayScreen .td-result { grid-column:1/-1; }
 html[data-console-theme] #todayScreen .today-grid>.today-panel { grid-column:span 6; }
}
@media(max-width:700px) {
 html[data-console-theme] #todayScreen .td-overview { grid-template-columns:1fr; }
 html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(n) { grid-column:1/-1; }
}
/* Crisp surfaces: retain palette while removing diffusion around text/controls. */
html[data-console-theme] { --at-shadow:none; --ui-muted:#ccc7db; --ui-dim:#b9b2cc; --ui-border:#625975; }
html[data-console-theme="light"],html[data-console-theme="windows"] { --ui-muted:#51495f;--ui-dim:#61586f;--ui-border:#bfb5cf; }
html[data-console-theme] :is(#mainSidebar,.main-content,.card,.kpi-card,.post-card,.service-card,.client-card,.work-list-card,.booking-card,.wh-stat,.wh-kpi,.finance-card,.tg-status-card,.tg-form-card,.tg-control-card,.page-header,.modal,.modal-content,.dropdown-menu,.context-menu,.booking-actions-menu,.toast,.popover,.mobile-topbar,.today-panel,.td-card) {
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html[data-console-theme] :is(.card,.kpi-card,.today-panel,.td-card,.work-list-card,.booking-card,.btn) { box-shadow:none!important; }
html[data-console-theme] .btn { background:var(--ui-button)!important; }
html[data-console-theme] :is(.btn--primary,button.btn--primary) { background:var(--ui-accent-solid)!important;box-shadow:none!important; }
html[data-console-theme] :is(.btn--danger,.btn--delete) {background:var(--ui-danger-soft)!important;}
html[data-console-theme] .btn--ghost {background:transparent!important;}
html[data-console-theme] #mainSidebar {font-family:var(--ff)!important;}
html[data-console-theme] #todayScreen .td-card p,
html[data-console-theme] #todayScreen .td-metric>small {font-size:12px;line-height:1.5;}
html[data-console-theme] #todayScreen .td-chart li {font-size:13px;}
html[data-console-theme] .studio-clock::before,
html[data-console-theme] .studio-clock::after {display:none!important;}
html[data-console-theme] body :is(button.btn,a.btn,.btn):not(:focus-visible) {box-shadow:none!important;transform:none!important;}
/* Structural reference: thin status bar + fitted window grid + bottom tab dock. */
html[data-console-theme] .workspace-status{position:fixed;left:258px;right:14px;top:12px;height:32px;z-index:90;display:flex;align-items:center;gap:24px;padding:0 16px;background:var(--ui-sidebar);border:1px solid var(--ui-border);border-radius:6px;color:var(--ui-muted);font:11px var(--ff);}
html[data-console-theme] .workspace-status strong{color:var(--ui-heading);font-size:10px;letter-spacing:1.4px;}
.workspace-caption{margin-left:auto;}.workspace-status[hidden]{display:none!important;}
@media(min-width:769px){
 html[data-console-theme] #mainSidebar{left:12px;top:12px;bottom:12px;width:232px!important;height:calc(100dvh - 24px);border-radius:8px!important;}
 html[data-console-theme] .main-content{margin-left:258px!important;width:calc(100% - 272px)!important;padding:56px 0 24px!important;}
 html[data-console-theme] .screen>.page-header{min-height:54px;padding:8px 12px!important;margin-bottom:10px!important;border-bottom:1px solid var(--ui-border)!important;}
 html[data-console-theme] .page-title{font-size:23px!important;letter-spacing:-.5px;}
}
html[data-console-theme] :is(.card,.today-panel,.td-card,.works-dash-card,.finance-chart-card,.master-card,.client-card,.service-card,.post-card,.pub-service-card,.settings-card){border-radius:7px!important;background:var(--ui-surface)!important;}
html[data-console-theme] :is(.modal-content,.sheet-content,.drawer-content){border-radius:9px!important;}
html[data-console-theme] :is(.tabs,.finance-tabs,.payroll-tabs,.calendar-view-switch,.segmented-control){border-radius:6px!important;padding:3px!important;}
html[data-console-theme] :is([role=tab],.finance-tab,.tab-btn){border-radius:4px!important;font-size:12px!important;min-height:32px;}
html[data-console-theme] :is(.btn,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:6px!important;}
html[data-console-theme] #todayScreen .td-overview{gap:8px;grid-template-columns:1fr 1fr .8fr;}
html[data-console-theme] #todayScreen .td-card{border-radius:7px!important;padding:14px;}
html[data-console-theme] #todayScreen .td-chart h3{font-size:13px;}
html[data-console-theme] #todayScreen .td-chart-body{margin-top:10px;}
html[data-console-theme] #todayScreen .td-metrics{gap:8px;margin:8px 0 12px;}
html[data-console-theme] #todayScreen .today-grid{gap:8px;}
html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(1){grid-column:span 8;}
html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(2){grid-column:span 4;}
html[data-console-theme] #todayScreen .today-grid>.today-panel{min-height:200px;}
html[data-console-theme] :is(.filters,.works-filters,.documents-toolbar,.calendar-toolbar){gap:8px;}
@media(min-width:1100px){html[data-console-theme] .works-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}}
@media(max-width:1100px){
 html[data-console-theme] #todayScreen .td-overview{grid-template-columns:1fr 1fr;}
 html[data-console-theme] #todayScreen .td-result{grid-column:1/-1;}
 html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(n){grid-column:span 6;}
}
@media(max-width:768px){
 html[data-console-theme] .workspace-status{display:none;}
 html[data-console-theme] .main-content{padding-bottom:24px!important;}
 html[data-console-theme] #todayScreen .td-overview{grid-template-columns:1fr;}
 html[data-console-theme] #todayScreen .today-grid>.today-panel:nth-child(n){grid-column:1/-1;}
}