/* Light interpretation of wunder-digital.kz: white, graphite and gold. */
:root{--ink:#171717;--muted:#797979;--brand:#ae7b00;--green:#896100;--green-light:#faf3e2;--border:#e8e8e8;--amber:#896100;--amber-bg:#fff6df;--paper:#fff}
body{background:#f5f5f5}.browser-bar{background:#fff;border-color:#e8e8e8}.browser-dots i{background:#d9d9d9}.address{background:#f5f5f5;color:#777}.extension-icon{background:#f7f1e5;color:#8a6200}.extension-icon.running{background:#171717;color:#d4a329}.extension-icon b{color:#ae7b00;border-color:#fff}.demo-kicker{color:#927031}.demo-description,.task-context p,.demo-notice,.demo-notice strong,.demo-hint,.task-context label,.fake-task,.task-id{color:#777}.task-context{background:#fff;border-color:#e8e8e8}.status-dot{background:#ae7b00}.demo-notice{border-color:#c6aa65}.text-button.subtle{color:#777}.extension-panel{border-color:#e2e2e2;box-shadow:0 18px 65px #1717170b;border-radius:12px}.brand{align-items:center;gap:13px}.brand strong{font-family:"Arial Black","Segoe UI",sans-serif;letter-spacing:-1.2px;font-size:23px;font-weight:800;line-height:.9;position:relative;padding-right:10px}.brand strong>span{font-family:Arial,sans-serif;position:absolute;top:0;right:-6px;font-size:13px;color:var(--brand)}.brand strong small{display:block;font-family:"Segoe UI",sans-serif;font-size:7px;letter-spacing:4.8px;line-height:1.8;font-weight:600;margin-top:5px;color:#171717}.brand>span{border-left:1px solid #ddd;padding-left:12px;font-size:11px;color:#797979}.avatar{background:#f5f5f5;color:#626262}.icon-button{color:#969696}.nav-rail{background:#fafafa}.nav-button{color:#868686}.nav-button.active{background:#f8f0dd;color:#886100}.nav-button:hover{background:#f4f0e8}.primary{background:#171717;color:#fff;border-radius:6px}.primary:hover{background:#343434}.primary:disabled{opacity:1;background:#d7d7d7;color:#666}.secondary{border-color:#ddd}.secondary:hover{background:#f5f5f5}.timer-card{background:#fcfaf6;border-color:#e8deca}.timer-state{color:#858585}.timer-bottom,.log-empty{background:#f7f7f7}.period-controls select,.period-controls input{color:#555}.owner-controls select,#scope-role{background:#fcfcfc}.segmented{background:#f4f4f4}.segmented button{color:#777}.group-heading{color:#777}.group-heading span,.row-value span,.task-name .external{color:#999}.row-value input{background:#fff;border-color:#ddd}.task-row.changed .row-value input{border-color:#b18c34;background:#fffaf0}.task-meta{color:#7c7c7c}.preview-dialog::backdrop{background:#17171744}.preview-dialog{box-shadow:0 24px 100px #17171726}.toast{background:#242424;box-shadow:0 8px 35px #17171722}.switch{background:#ccc}.switch:checked{background:#ae7b00}.catalog-row button{color:#888}.log-entry pre{background:#f5f5f5;color:#555}.log-entry details{color:#666}.panel-hidden{color:#777}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ae7b00}.context-menu{box-shadow:0 9px 35px #17171722}.period-field{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.period-field>span{font-size:9px;color:#888}.period-field input,.period-field select{width:100%}
.admin-site{background:#f6f6f6}.site-header{display:flex;align-items:center;justify-content:space-between;padding:23px 36px;border-bottom:1px solid #e5e5e5;background:#fff;gap:15px}.site-header>div{display:flex;gap:20px;align-items:center}.site-admin{max-width:760px;margin:42px auto;padding:0 20px}.site-intro h1{font-size:32px;letter-spacing:-1px;margin:15px 0}.site-admin>#view{display:block;background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-top:25px;overflow:hidden}.site-admin .view-scroll{padding:30px}.site-admin .profile-box{max-width:430px;margin:auto;padding:32px}.site-admin .admin-setting p,.site-admin .note{font-size:12px}.site-admin .log-entry small,.site-admin .catalog-row,.site-admin .catalog-form input,.site-admin #scope-role{font-size:12px}.site-footnote,.demo-auth-note{font-size:11px;color:#888;line-height:1.7;margin-top:20px}.site-admin .profile-box .demo-auth-note{padding-top:17px;border-top:1px solid #eee}.site-admin .setting-top strong{font-size:14px}.site-admin .section-heading h3{font-size:15px}.site-admin .log-top{font-size:13px}
.admin-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:24px 0 0}.admin-tabs[hidden]{display:none}.admin-tabs a{padding:12px 15px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:12px;text-decoration:none}.admin-tabs a[aria-current=page]{background:#171717;color:#fff;border-color:#171717}.catalog-row small,.audit-row small,.user-row small{display:block;color:#888;font-size:11px;margin-top:6px}.catalog-actions{display:flex;gap:6px;flex-shrink:0}.catalog-actions button{font-size:11px;color:#555}.catalog-row.archived{background:#fafafa}.admin-search{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;margin:15px 0}.user-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#fff;border:0;border-bottom:1px solid #eee;padding:18px 0;font-family:inherit;color:#171717;cursor:pointer}.user-row:hover{background:#fcfaf6}.access-status{font-size:11px;color:#999;white-space:nowrap}.access-status.enabled{color:#896100}.audit-row{border-bottom:1px solid #eee;padding:15px 0;font-size:12px}.queue-summary{display:flex;gap:15px;background:#faf7ef;padding:16px;border-radius:6px;font-size:12px;flex-wrap:wrap}.queue-summary b{margin-left:8px}.admin-dialog{width:min(460px,calc(100vw - 30px));border:1px solid #ddd;border-radius:12px;padding:28px;color:#171717;box-shadow:0 20px 70px #17171722}.admin-dialog::backdrop{background:#17171744}.admin-dialog .dialog-head h2{font-size:20px}.admin-dialog .note{font-size:12px;line-height:1.7}.user-card-actions{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.danger-action{color:#ad3434}.credential-box{display:flex;flex-direction:column;gap:7px;background:#faf7ef;border:1px solid #eee2c7;border-radius:7px;padding:17px;margin:20px 0}.credential-box span{color:#888;font-size:11px}.credential-box code{font-size:17px;word-break:break-all;margin-bottom:12px}
@media(max-width:480px){.brand strong{font-size:21px}.brand>span{font-size:10px;padding-left:9px}.brand{gap:11px}.brand strong small{font-size:6px}.site-header{padding:18px 15px;flex-wrap:wrap}.site-header>div{gap:12px}.site-admin{margin:26px auto;padding:0 14px}.site-intro h1{font-size:27px}.site-admin .view-scroll,.site-admin .profile-box{padding:20px}.catalog-row{flex-wrap:wrap;gap:12px}.admin-tabs a{font-size:11px;padding:10px}.user-row{flex-wrap:wrap}}