/* ClickWorkTool · approved navy / cyan / violet visual system. Presentation only. */
body.cw-refresh{--bg:#080f1b;--surface:#111f33;--border:#233348;--text:#edf3fb;--muted:#9eafc4;--accent:#32d4ed;--cyan:#32d4ed;--line:#233348;--brand-line:#233348;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.55;color:var(--text);background:#080f1b!important;-webkit-font-smoothing:antialiased}
body.cw-refresh::before{background:radial-gradient(ellipse at 87% 0%,#33316c20,transparent 38%),linear-gradient(135deg,#080f1b,#0a1422)}
.cw-refresh a,.cw-refresh button{transition:background .18s,color .18s,border-color .18s}
.cw-refresh :is(a,button,input,select,textarea):focus-visible{outline:2px solid #32d4ed;outline-offset:3px}
.cw-refresh .sidebar{width:240px;background:#0d192a;border-right:1px solid #233348;box-shadow:none}
.cw-refresh .side-brand{height:90px;padding:0 23px;border-bottom:0}
.cw-refresh .side-brand img{width:188px;height:auto}
.cw-refresh .side-user{margin:0 15px 10px;padding:14px 9px;border:1px solid #233348;border-radius:10px;background:#101e30;gap:10px}
.cw-refresh .side-avatar{height:34px;width:34px;border-radius:9px;background:linear-gradient(135deg,#32cde7,#847af6);box-shadow:none;font-size:13px}
.cw-refresh .side-user strong{font-size:11px;font-weight:600;max-width:145px}.cw-refresh .side-user small{font-size:9px;letter-spacing:.06em}
.cw-refresh .side-nav{padding:10px 14px}.cw-refresh .side-nav p{font-size:9px;font-weight:600;letter-spacing:1.5px;margin:20px 12px 10px;color:#8197b0}
.cw-refresh .side-nav a,.cw-refresh .side-logout{font-size:12px;font-weight:550;padding:12px;margin:4px 0;border:1px solid transparent;border-radius:9px;color:#a9bad0!important;gap:12px}
.cw-refresh .side-nav a:hover{background:#172b40;box-shadow:none;color:#e9f5ff!important}
.cw-refresh .side-nav a.active{background:linear-gradient(90deg,#164156,#1c2d46);border-color:#285670;color:#75e1f1!important;box-shadow:none}
.cw-refresh .nav-icon{width:19px;height:19px;stroke-width:1.65}
.cw-refresh .side-logout{margin:auto 15px 20px;border-color:#2c3b51;color:#c4d2e3!important}.cw-refresh .side-logout:hover{background:#242238;color:#ffc0d1!important}
.cw-refresh .app-stage{width:calc(100% - 240px);margin-left:240px;display:flex;flex-direction:column;min-width:0}
.cw-refresh .app-topbar{height:78px;min-height:78px;padding:0 34px;background:#0a1524f2;border-color:#233348;box-shadow:none;backdrop-filter:blur(16px)}
.cw-refresh .app-topbar::after{display:none}.cw-refresh .app-topbar p{color:#8197b0;font-size:8px;letter-spacing:1.5px;font-weight:600}.cw-refresh .app-topbar strong{font-size:15px;font-weight:600}
.cw-refresh .top-account{max-width:45%;font-size:12px;gap:12px}.cw-refresh .top-account>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-refresh .top-role{background:#1c2c41;color:#adc2d6;border:1px solid #304259;font-size:9px;border-radius:5px;letter-spacing:.3px;white-space:nowrap}
.cw-refresh .app-main{width:100%;max-width:1580px;padding:34px;margin:0 auto;flex:1;min-width:0}
.cw-refresh .page-title{gap:20px;margin:0 0 27px}.cw-refresh .page-title>div{min-width:0}.cw-refresh .page-title h1{font-size:31px!important;font-weight:650;letter-spacing:-1px;line-height:1.25;margin:9px 0!important}
.cw-refresh .page-title p{font-size:13px;color:#9eafc4;line-height:1.7;margin-top:8px}.cw-refresh .page-title .eyebrow{font-size:9px;color:#32d4ed;letter-spacing:1.8px;font-weight:700;margin:0}
.cw-refresh .role-badge{padding:7px 10px;background:#142b3c;border-color:#285670;color:#8fe2ee;font-size:9px;white-space:nowrap}
.cw-refresh :is(.metric,.artifact-summary article,.lk-stat){background:linear-gradient(120deg,#16263c,#101d30);border:1px solid #2a3f59;border-radius:12px;padding:22px;box-shadow:none}
.cw-refresh .metric::before,.cw-refresh .metric::after{display:none}
.cw-refresh .metric-label{font-size:12px;font-weight:500;color:#b6c6d9}.cw-refresh .metric-value{font-size:34px;font-weight:600;line-height:1.3;margin:13px 0 7px}.cw-refresh .metric-foot{font-size:11px;font-weight:400;color:#8ba2bd}
.cw-refresh :is(.admin-card,.lk-card,.lp-card,.lr-card){background:#101c2e;border:1px solid #233348;border-radius:12px;box-shadow:none;min-width:0}
.cw-refresh .root-workspace .management-card{border:1px solid #233348;box-shadow:none;border-radius:12px}
.cw-refresh :is(.card-heading,.lk-head),.cw-refresh .root-workspace .card-heading{padding:20px 23px;background:#122136;border-bottom:1px solid #233348;gap:16px;flex-wrap:wrap}
.cw-refresh .card-heading h2{font-size:15px;font-weight:600;letter-spacing:0;line-height:1.4;margin:0}
.cw-refresh .card-heading a{font-size:12px}.cw-refresh .card-body,.cw-refresh .root-workspace .card-body{padding:23px}
.cw-refresh .card-body>p{font-size:13px;line-height:1.8;color:#9eafc4}
.cw-refresh .dashboard-columns{gap:22px}.cw-refresh .role-summary{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.cw-refresh .role-summary div{background:#0d192b;border-color:#263b53;padding:15px;border-radius:9px}.cw-refresh .role-summary strong{font-size:26px;font-weight:600}.cw-refresh .role-summary span{font-size:12px}
.cw-refresh .dashboard-actions{grid-template-columns:1fr;gap:0}.cw-refresh .dashboard-actions a{min-height:58px;flex-direction:row;justify-content:flex-start;text-align:left;border:0;border-bottom:1px solid #233348;border-radius:0;background:transparent;padding:15px 3px;font-size:12px;font-weight:500}.cw-refresh .dashboard-actions a:last-child{border-bottom:0}.cw-refresh .dashboard-actions a:hover{background:#14273c}.cw-refresh .dashboard-actions .nav-icon{width:33px;height:33px;padding:7px;background:#0d3347;border:1px solid #225068;border-radius:8px;color:#50d3e7;margin-right:6px}
.cw-refresh .audit-list{padding-left:18px;border-left:1px solid #2b425a}.cw-refresh .audit-list li{position:relative;border-bottom:0;padding:8px 0 17px}.cw-refresh .audit-list li::before{content:'';position:absolute;left:-23px;top:16px;width:8px;height:8px;border-radius:50%;background:#32d4ed;box-shadow:0 0 0 4px #101c2e}.cw-refresh .audit-list li:nth-child(even)::before{background:#887aff}.cw-refresh .audit-list strong{font-size:12px;font-weight:550}.cw-refresh .audit-list small{font-size:11px;overflow-wrap:anywhere}
.cw-refresh table{font-size:12px}.cw-refresh th{padding:13px 17px!important;background:#0b1627;color:#8ca7c4;font-size:10px;letter-spacing:.7px;border-color:#233348;font-weight:650}
.cw-refresh td{padding:17px!important;border-color:#24364c;color:#b4c6d9;vertical-align:middle}.cw-refresh td strong{color:#e0eafa;font-weight:600}.cw-refresh tbody tr:hover{background:#14273c55}.cw-refresh .table-scroll{margin-top:0}
.cw-refresh .table-action{display:inline-flex;padding:6px 11px;border:1px solid #36516c;border-radius:6px;background:#152a40;font-size:11px;font-weight:550;white-space:nowrap}
.cw-refresh .status{display:inline-block;padding:4px 8px;font-size:10px;letter-spacing:.3px;border-radius:5px;line-height:1.4;font-weight:650}.cw-refresh .status.active{color:#6be1bd;background:#123c36;border:1px solid #225348}.cw-refresh .status.pending,.cw-refresh .status.staging{color:#f0c583;background:#392e20;border:1px solid #55432b}.cw-refresh .status.revoked,.cw-refresh .status.blocked{color:#ffb9c9;background:#3c2030;border:1px solid #633348}
.cw-refresh label{font-size:12px;font-weight:550;color:#b8c9dc;min-width:0}.cw-refresh :is(input,select,textarea){background:#0a1424;color:#d9e5f5;border:1px solid #2a3d56;border-radius:8px;font-family:inherit;font-size:13px;min-height:44px;padding:11px 12px;max-width:100%}.cw-refresh input::placeholder{color:#8296ae;opacity:1}.cw-refresh input[type=checkbox],.cw-refresh input[type=radio]{min-height:auto;width:auto;accent-color:#32d4ed}.cw-refresh input:disabled{color:#9eafc4;opacity:.8}
.cw-refresh button{background:linear-gradient(110deg,#31cbe5,#7380f7)!important;color:#04121e!important;font-family:inherit;font-size:12px;line-height:1.5;font-weight:700;border-radius:8px;min-height:40px;box-shadow:none}.cw-refresh button:hover{filter:brightness(1.1)}.cw-refresh button:disabled{opacity:.5;cursor:not-allowed}
.cw-refresh button.danger-button{background:#482334!important;color:#ffd0dd!important;border:1px solid #6c344c}
.cw-refresh .form-actions{flex-wrap:wrap}.cw-refresh .form-actions button{width:auto;padding-left:22px;padding-right:22px}.cw-refresh .form-actions .muted{font-size:12px}
.cw-refresh :is(.inline-search,.license-search,.artifact-search){display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:100%}.cw-refresh :is(.inline-search,.license-search,.artifact-search) input{width:260px;min-width:0;flex:1}.cw-refresh :is(.inline-search,.license-search,.artifact-search) select{width:auto;min-width:115px}.cw-refresh :is(.inline-search,.license-search,.artifact-search) button{width:auto;margin:0;padding:11px 16px}
.cw-refresh .license-control{grid-template-columns:112px 112px 72px}.cw-refresh .license-control select{min-height:38px;padding:8px;font-size:12px}
.cw-refresh .artifact-summary span,.cw-refresh .artifact-summary small{font-size:11px;color:#9eafc4}.cw-refresh .artifact-summary strong{font-size:28px;font-weight:600}.cw-refresh .rw-tabs{background:#0d192a;border-color:#233348;border-radius:12px;padding:8px;gap:6px}.cw-refresh .rw-tabs a{font-size:12px;font-weight:550;padding:12px 15px;color:#9eb3ca}.cw-refresh .rw-tabs a[aria-current=page]{background:linear-gradient(90deg,#164156,#1c2d46);color:#75e1f1;border-color:#285670;box-shadow:none}
.cw-refresh .root-workspace .artifact-form{gap:12px 22px}.cw-refresh .artifact-submit{border-color:#233348}.cw-refresh .artifact-submit span{font-size:12px}.cw-refresh code{overflow-wrap:anywhere;word-break:break-word}
.cw-refresh .notice{background:#13333f;color:#bceefa;border:1px solid #285567}.cw-refresh .error{background:#392333;color:#ffc9d6;border:1px solid #693447}.cw-refresh .error,.cw-refresh .notice{font-size:13px;overflow-wrap:anywhere}
.cw-panel-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;max-width:1580px;width:100%;margin:0 auto;padding:0 34px 25px;font-size:10px;color:#8197b0}.cw-panel-footer a{color:#9ab9d3}
.cw-skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:100;background:#173349;padding:10px 18px;border-radius:8px}.cw-skip:focus{transform:none}
.cw-refresh .auth-layout{border-color:#263b53;border-radius:22px;background:#0e1929}.cw-refresh .auth-showcase{background:radial-gradient(circle at 10% 15%,#2ed4ee19,transparent 50%),radial-gradient(circle at 100% 90%,#887aff22,transparent 50%),#101e32}.cw-refresh .auth-copy h2{font-weight:600;font-size:40px;line-height:1.12}.cw-refresh .auth-copy p{font-size:14px}.cw-refresh .auth-kicker{color:#32d4ed}.cw-refresh .auth-card h1{font-size:29px;font-weight:650}.cw-refresh .auth-card button{min-height:48px}.cw-refresh .auth-home{position:relative;z-index:1}.cw-refresh .cw-back-home{display:inline-block;margin-top:23px;font-size:12px;color:#92adc6}
@media(min-width:1600px){.cw-refresh .app-main{padding-top:42px}}
@media(max-width:1150px){.cw-refresh .dashboard-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.cw-refresh .dashboard-columns{grid-template-columns:1fr}.cw-refresh .artifact-search{width:100%}}
@media(max-width:760px){.cw-refresh .sidebar{width:240px}.cw-refresh .app-stage{width:100%;margin-left:0}.cw-refresh .app-topbar{height:66px;min-height:66px;padding:0 17px;gap:5px}.cw-refresh .mobile-menu{background:#13283b!important;margin:0;flex-shrink:0}.cw-refresh .top-account{display:none}.cw-refresh .app-main{padding:25px 17px}.cw-refresh .page-title h1{font-size:26px!important}.cw-refresh .page-title .role-badge{font-size:8px;padding:5px 7px}.cw-refresh .metric{padding:17px}.cw-refresh .metric-value{font-size:29px}.cw-refresh .metric-label{font-size:11px}.cw-refresh :is(.card-heading,.lk-head),.cw-refresh .root-workspace .card-heading{padding:17px}.cw-refresh .card-body,.cw-refresh .root-workspace .card-body{padding:17px}.cw-refresh .artifact-summary{gap:12px}.cw-refresh .artifact-summary article{padding:17px}.cw-refresh .rw-tabs a{flex:1 0 42%;padding:10px}.cw-refresh .inline-search,.cw-refresh .license-search{width:100%}.cw-refresh .inline-search input,.cw-refresh .license-search input{width:auto}.cw-panel-footer{padding:0 17px 22px}.cw-refresh .auth-copy h2{font-size:30px}.cw-refresh .license-control{grid-template-columns:112px 112px 72px}.cw-refresh .sidebar-backdrop{background:#020711b0!important;border-radius:0;min-height:100%}}
@media(max-width:420px){.cw-refresh .page-title{flex-wrap:wrap;gap:8px}.cw-refresh .metric-grid{gap:10px}.cw-refresh .metric-foot{font-size:10px}.cw-refresh .auth-copy h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.cw-refresh *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
