/* ITOP Quiet Silver · execution adapter v1. Presentation only; status semantics retained. */
:root[data-itop-ui="calm-v1"]{
 --ui-bg:#F6F5F1;--ui-side:#ECEDEA;--ui-surface:#FCFCF9;--ui-soft:#F0F2EE;--ui-text:#2C3437;--ui-muted:#5F6B6D;--ui-line:#D8DEDA;--ui-primary:#405B63;--ui-selected:#E2ECEA;--ui-on-selected:#304F51;
 --primary:var(--ui-primary);--primary-light:#526F75;--primary-bg:var(--ui-selected);--bg:var(--ui-bg);--white:var(--ui-surface);--text:var(--ui-text);--gray:var(--ui-muted);--border:var(--ui-line);--light-gray:var(--ui-soft);
 --ink:var(--ui-text);--muted:var(--ui-muted);--line:var(--ui-line);--soft:var(--ui-bg);--nav:var(--ui-side);--shadow:0 2px 10px rgba(44,52,55,.035);color-scheme:light;
}
html[data-itop-ui="calm-v1"] body{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[data-itop-ui] :is(button,input,select,textarea){font-family:inherit}
html[data-itop-ui] :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--ui-primary);outline-offset:3px}
html[data-itop-ui] :is(.topbar,.top,.header){background:var(--ui-surface);color:var(--ui-text);box-shadow:none;border-bottom:1px solid var(--ui-line)}
html[data-itop-ui] .topbar .logo{font-size:17px;font-weight:650;letter-spacing:.2px}
html[data-itop-ui] .topbar .logo .icon{background:var(--ui-selected);color:var(--ui-primary);border-radius:9px}
html[data-itop-ui] .logo-version{color:var(--ui-muted);font-weight:400}
html[data-itop-ui] .topbar :is(.role-switch select,.user-info,.btn-logout,.hamburger){color:var(--ui-text);background:var(--ui-soft);border-color:var(--ui-line)}
html[data-itop-ui] .topbar :is(.btn-logout,.hamburger):hover{background:var(--ui-selected)}
html[data-itop-ui] .topbar .user-info .avatar{background:var(--ui-selected);color:var(--ui-primary)}
html[data-itop-ui] :is(.sidebar,.side){background:var(--ui-side);color:var(--ui-text);border-right:1px solid var(--ui-line)}
html[data-itop-ui] .sidebar{padding-top:14px}
html[data-itop-ui] .side .brand{padding:12px 10px 18px;border-color:var(--ui-line)}
html[data-itop-ui] .side .brand strong{font-size:17px;font-weight:650}
html[data-itop-ui] .side :is(.brand span,.nav-group-count){color:var(--ui-muted)}
html[data-itop-ui] .side-foot{position:static;margin-top:28px;padding-top:4px}
html[data-itop-ui] .side-foot a{color:var(--ui-muted);font-size:13px;border-color:var(--ui-line);border-radius:6px}
html[data-itop-ui] .side-foot a:hover{background:var(--ui-selected);color:var(--ui-primary)}
html[data-itop-ui] :is(.sidebar .menu-group-title,.side .nav-group-toggle){font-size:14px!important;font-weight:600!important;color:var(--ui-text)!important;min-height:44px;border-radius:8px;background:transparent!important}
html[data-itop-ui] :is(.sidebar .menu-group-title.open,.sidebar .menu-group-title:hover,.side .nav-group-toggle.open,.side .nav-group-toggle:hover){background:var(--ui-selected)!important;color:var(--ui-on-selected)!important}
html[data-itop-ui] :is(.menu-group-icon,.side .nav-group-icon){background:var(--ui-surface);color:var(--ui-primary);border-radius:7px;font-size:12px}
html[data-itop-ui] .sidebar .menu-group-title.open .menu-group-icon{background:var(--ui-primary);color:#fff}
html[data-itop-ui] :is(.sidebar .menu-item,.side .nav button){font-size:14px;font-weight:450;color:var(--ui-text);line-height:1.45;min-height:42px;border-radius:8px}
html[data-itop-ui] .sidebar .menu-item{padding:10px 14px;border-left:0}
html[data-itop-ui] :is(.sidebar .menu-item:hover,.side .nav button:hover){background:rgba(252,252,249,.75);color:var(--ui-primary)}
html[data-itop-ui] :is(.sidebar .menu-item.active,.side .nav button.active){background:var(--ui-selected);color:var(--ui-on-selected);font-weight:600;box-shadow:inset 3px 0 var(--ui-primary)}
html[data-itop-ui] .side .nav-items button{border-left-color:var(--ui-line)!important;border-radius:0 8px 8px 0!important}
html[data-itop-ui] :is(.card,.panel,.section,.stat,.stat-card,.community-post,.reward-rule,.role-card,.module-card,.strategy-objective,.quick button,.error-box){background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:12px;box-shadow:var(--shadow)}
html[data-itop-ui] .stat-card{border-top:3px solid var(--primary)}
html[data-itop-ui] .stat-card.success{border-top-color:var(--success)}
html[data-itop-ui] .stat-card.warning{border-top-color:var(--warning)}
html[data-itop-ui] .stat-card.danger{border-top-color:var(--danger)}
html[data-itop-ui] :is(.page-title,.page-head h2){font-size:24px;font-weight:650;color:var(--ui-text);letter-spacing:-.3px}
html[data-itop-ui] :is(.card-header h3,.panel-head h3,.section-title h2){font-size:16px;color:var(--ui-text);font-weight:600}
html[data-itop-ui] :is(.page-subtitle,.page-head p){font-size:13px;color:var(--ui-muted);line-height:1.65}
html[data-itop-ui] :is(.stat strong,.stat-info .value,.hero-money){font-variant-numeric:tabular-nums;letter-spacing:-.5px}
html[data-itop-ui] .btn{border-radius:8px;transition:background .15s,border-color .15s;box-shadow:none}
html[data-itop-ui] :is(.btn-primary,.btn.primary){background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}
html[data-itop-ui] :is(.btn-primary,.btn.primary):hover{background:#344C53;border-color:#344C53}
html[data-itop-ui] :is(.workflow-tab,.month-tab,.kw-tabs button){border-radius:8px}
html[data-itop-ui] :is(.table th,table thead th){background:var(--ui-soft);color:var(--ui-muted);font-size:13px;font-weight:600;border-bottom:1px solid var(--ui-line);line-height:1.5}
html[data-itop-ui] .table td{border-color:var(--ui-line);line-height:1.65;font-size:13px}
html[data-itop-ui] .table tbody tr:hover{background:var(--ui-soft)}
html[data-itop-ui] :is(.form-control,.field input,.field select,.field textarea,.filterbar input,.filterbar select){border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font-size:14px}
html[data-itop-ui] :is(.form-control,.field input,.field select,.field textarea,.filterbar input,.filterbar select):focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px rgba(64,91,99,.1)}
html[data-itop-ui] :is(input,select,textarea):disabled{background:var(--ui-soft);color:var(--ui-muted)}
html[data-itop-ui] :is(input[type="checkbox"],input[type="radio"]){accent-color:var(--ui-primary)}
html[data-itop-ui] :is(.modal,.dialog,.sheet){background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:0 18px 50px rgba(44,52,55,.16)}
html[data-itop-ui] :is(.modal-header,.dialog-head,.sheet-head){background:var(--ui-soft);color:var(--ui-text);border-bottom:1px solid var(--ui-line)}
html[data-itop-ui] :is(.modal-footer,.dialog-foot){background:var(--ui-surface);border-top:1px solid var(--ui-line)}
html[data-itop-ui] .dialog::backdrop,html[data-itop-ui] :is(.overlay,.modal-overlay){background:rgba(44,52,55,.36)}
html[data-itop-ui] :is(.kw-hero,.kw-empty-symbol,.kw-assistant-message.user,.kw-send-button){background:var(--ui-primary);box-shadow:none}
html[data-itop-ui] .kw-hero{border-radius:12px}
html[data-itop-ui] .kw-assistant-intro{background:var(--ui-selected);border-color:var(--ui-line);color:var(--ui-on-selected)}
html[data-itop-ui] .kw-empty-conversation h2{color:var(--ui-text)}
html[data-itop-ui] .kw-composer{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--shadow)}
html[data-itop-ui] .login-page{background:var(--ui-bg)}
html[data-itop-ui] .login-container{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 16px 50px rgba(44,52,55,.08)}
html[data-itop-ui] .login-header{background:var(--ui-side);color:var(--ui-text);border-bottom:1px solid var(--ui-line)}
html[data-itop-ui] .login-header .logo-icon{background:var(--ui-selected);color:var(--ui-primary)}
html[data-itop-ui] .login{background:var(--ui-surface)}
html[data-itop-ui] .login-brand h1{color:var(--ui-primary)}
html[data-itop-ui] .shell{background:var(--ui-bg)}
html[data-itop-ui] .shell .header{gap:10px}
html[data-itop-ui] .shell .header :is(strong,h1){font-size:17px}
html[data-itop-ui] .shell .header :is(span,small){color:var(--ui-muted);opacity:1}
html[data-itop-ui] .shell .privacy{border-color:var(--ui-line)}
html[data-itop-ui] .shell .hero{background:var(--ui-primary);box-shadow:none;border-radius:12px}
html[data-itop-ui] .shell .eye{background:#344C53}
html[data-itop-ui] .bottom{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:0 -2px 12px rgba(44,52,55,.025)}
html[data-itop-ui] .bottom button.active{color:var(--ui-primary);background:var(--ui-selected)}
html[data-itop-ui] .itop-workspace-link{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-surface);color:var(--ui-primary);font-size:14px;font-weight:600;text-decoration:none;line-height:1.4}
html[data-itop-ui] .itop-workspace-link:hover{background:var(--ui-selected);border-color:#B6C7C3}
html[data-itop-ui] .itop-workspace-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--ui-primary);color:#fff;font-size:10px;letter-spacing:.4px;flex:0 0 auto}
html[data-itop-ui] .itop-workspace-arrow{margin-left:auto;font-size:17px;font-weight:400}
html[data-itop-ui] .sidebar>.itop-workspace-link{margin:0 12px 16px}
html[data-itop-ui] .side>.itop-workspace-link{margin:0 0 14px}
html[data-itop-ui] .login-header>.itop-workspace-link{margin:0 0 20px;text-align:left}
html[data-itop-ui] .login>.itop-workspace-link{margin-bottom:16px}
html[data-itop-ui] .itop-workspace-strip{padding:10px 14px 0;background:var(--ui-bg)}
html[data-itop-ui] .itop-workspace-strip .itop-workspace-link{min-height:38px;padding:6px 10px;font-size:13px;background:transparent;border-color:transparent}
html[data-itop-ui] .itop-workspace-strip .itop-workspace-mark{width:24px;height:24px;font-size:9px}
@media(max-width:820px){html[data-itop-ui] :is(.page-title,.page-head h2){font-size:21px}html[data-itop-ui] .side{padding-top:max(18px,env(safe-area-inset-top))}html[data-itop-ui] .side-foot{margin-top:24px}html[data-itop-ui] :is(.side,.sidebar){overscroll-behavior:contain}html[data-itop-ui] :is(.dialog,.sheet){max-width:calc(100vw - 12px)}html[data-itop-ui] :is(.table td,.table th){font-size:13px}}
@media(max-width:768px){html[data-itop-ui] .topbar .logo{font-size:14px}html[data-itop-ui] .logo-text{font-size:14px}html[data-itop-ui] .card{border-radius:10px}html[data-itop-ui] .modal{border-radius:0}}
@media(prefers-reduced-motion:reduce){html[data-itop-ui] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{html[data-itop-ui] .itop-workspace-link,html[data-itop-ui] .itop-workspace-strip{display:none!important}}