/* A web interpretation of translucent glass: navigation floats, work stays readable. */
body.clarity-theme{
 --glass-line:rgba(255,255,255,.86);--glass-ink:#192333;--glass-muted:#627080;
 --glass-shadow:0 8px 30px rgba(43,62,87,.055),inset 0 1px 0 rgba(255,255,255,.96);
 --bg:#eef2f7;--card-bg:rgba(255,255,255,.82);--text:#192333;--text-secondary:#627080;--text-tertiary:#778391;
 background:#eef2f7;color:var(--glass-ink);
}
.clarity-theme .content,.clarity-theme .login-container{
 background:radial-gradient(ellipse at 12% 2%,rgba(169,202,234,.38),transparent 48%),radial-gradient(ellipse at 93% 40%,rgba(204,211,238,.29),transparent 52%),radial-gradient(ellipse at 58% 100%,rgba(227,217,207,.23),transparent 54%),#eef2f7;
 background-attachment:fixed;
}
.clarity-theme .sidebar{
 background:rgba(248,251,255,.65);border-right:1px solid rgba(255,255,255,.9);
 -webkit-backdrop-filter:blur(32px) saturate(145%);backdrop-filter:blur(32px) saturate(145%);
 box-shadow:4px 0 28px rgba(47,65,91,.035),inset -1px 0 0 rgba(119,142,168,.09);
}
.clarity-theme .sidebar .logo .logo-icon,.clarity-wordmark>span{
 background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(232,240,249,.6));border-color:rgba(255,255,255,.95);
 box-shadow:0 3px 12px rgba(61,89,124,.08),inset 0 -1px 0 rgba(83,112,147,.12);
}
.clarity-theme .sidebar nav a,.clarity-nav-group>summary{border-radius:13px;transition:background .16s,color .16s,box-shadow .16s}
.clarity-theme .sidebar nav a:hover,.clarity-theme .clarity-nav-group>summary:hover{background:rgba(255,255,255,.62)}
.clarity-theme .sidebar nav a.active{
 color:#145a9e;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(226,239,252,.7));
 box-shadow:0 3px 10px rgba(56,85,122,.06),inset 0 0 0 1px rgba(255,255,255,.85);
}
.clarity-theme .sidebar-footer{border-top-color:rgba(255,255,255,.85);background:rgba(255,255,255,.18)}
.clarity-theme .topbar{
 background:linear-gradient(110deg,rgba(255,255,255,.71),rgba(248,251,255,.55));
 border-bottom:1px solid rgba(255,255,255,.9);box-shadow:0 2px 20px rgba(66,90,118,.035);
 -webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);
}
.clarity-theme .clarity-sidebar-toggle,.clarity-theme .menu-toggle{border-radius:10px}
.clarity-theme .inner-content{scrollbar-color:#c3cdd9 transparent}
.clarity-theme :is(.card,.fc-task,.fc-empty,.fc-management-stats>article,.fc-funnel,.fc-order-card,.fc-lane,.fc-cost-card,.wf-stat,.cm-stat,.qf-task-card,.permission-profile){
 background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.72));
 border-color:rgba(255,255,255,.94);box-shadow:var(--glass-shadow);border-radius:21px;
}
.clarity-theme .fc-task.is-running{border-color:rgba(173,206,239,.9);box-shadow:0 8px 26px rgba(59,108,156,.07),inset 0 1px 0 #fff}
.clarity-theme .qf-hold-card{background:rgba(255,253,249,.92);border-color:#e9dbca;box-shadow:var(--glass-shadow)}
.clarity-theme .fc-order-card .fc-order-route,.clarity-theme .fc-task-assignee,.clarity-theme .qf-card-foot{border-color:rgba(184,199,215,.26)}
.clarity-theme :is(.btn,.fc-button,.qa-button){
 background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(247,250,254,.67));border:1px solid rgba(255,255,255,.98);
 color:#263849;box-shadow:0 2px 7px rgba(46,76,112,.045),inset 0 -1px 0 rgba(100,126,157,.13);
 transition:background .16s,box-shadow .16s,border-color .16s;
}
.clarity-theme :is(.btn,.fc-button,.qa-button):hover{background:rgba(255,255,255,.98);box-shadow:0 4px 13px rgba(46,76,112,.08),inset 0 0 0 1px rgba(184,207,232,.5)}
.clarity-theme :is(.btn-primary,.fc-button.is-primary,.qa-button.is-primary,.btn-login){
 background:linear-gradient(165deg,#288cf0,#0875df 58%,#0068d0);border-color:rgba(118,182,246,.68);color:#fff;
 box-shadow:0 4px 11px rgba(0,104,208,.16),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(0,60,140,.13);
}
.clarity-theme :is(.btn-primary,.fc-button.is-primary,.qa-button.is-primary,.btn-login):hover{background:linear-gradient(165deg,#3798fa,#087be8);box-shadow:0 5px 15px rgba(0,104,208,.2),inset 0 1px 0 rgba(255,255,255,.35)}
.clarity-theme :is(.btn-danger,.qf-save-defect){background:#fff6f2;border-color:#eed2c5;color:#a34326;box-shadow:none}
.clarity-theme :is(.btn,.fc-button,.qa-button):disabled{opacity:.48;box-shadow:none;cursor:not-allowed}
.clarity-theme :is(.fc-title-link,.wf-link,.fc-quiet-links .fc-button){background:transparent;border:0;box-shadow:none}
.clarity-theme .fc-management-stats .fc-button{background:transparent;border:0;box-shadow:none;color:#0066cc}
.clarity-theme .fc-segmented,.clarity-theme .page-tabs,.clarity-theme .login-tabs{
 background:rgba(195,207,222,.26);border-color:rgba(255,255,255,.6);box-shadow:inset 0 1px 3px rgba(43,65,89,.035);
}
.clarity-theme .fc-segmented .fc-button{background:transparent;border:0;box-shadow:none;color:#627080}
.clarity-theme .fc-segmented .fc-button.is-primary,.clarity-theme .page-tab.active,.clarity-theme .login-tab.active{
 background:rgba(255,255,255,.9);color:#243446;box-shadow:0 2px 7px rgba(56,78,109,.08),inset 0 1px 0 #fff;
}
.clarity-theme :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
 background:rgba(255,255,255,.88);border-color:rgba(164,182,202,.48);color:#192333;
 box-shadow:inset 0 1px 3px rgba(64,85,115,.025);
}
.clarity-theme :is(input,select,textarea):focus{border-color:#6aa8e9;box-shadow:0 0 0 3px rgba(21,122,226,.1)}
.clarity-theme :is(.wf-callout,.qf-context,.qf-standards,.wf-note,.fc-waiting){background:rgba(250,252,255,.64);border-color:rgba(183,201,220,.4)}
.clarity-theme :is(.qf-form .qf-chip,.jc-direction-card){background:rgba(255,255,255,.82);border-color:rgba(175,194,215,.48);box-shadow:inset 0 1px 0 #fff}
.clarity-theme :is(.qf-form .qf-chip.is-selected,.jc-direction-card.is-selected){background:#e9f3ff;border-color:#4d99e8;color:#075da8}
.clarity-theme :is(.wf-table-card,.cm-card):has(table){background:rgba(255,255,255,.9)}
.clarity-theme table th{background:rgba(235,242,250,.74);color:#536577;border-bottom-color:rgba(181,198,215,.45)}
.clarity-theme table td{border-bottom-color:rgba(189,203,219,.3)}
.clarity-theme table tr:hover td{background:rgba(237,245,254,.54)}
.clarity-theme .qa-more>summary{
 background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(250,252,255,.56));border-color:rgba(255,255,255,.95);
 box-shadow:0 2px 7px rgba(46,76,112,.045),inset 0 -1px 0 rgba(100,126,157,.12);
}
.clarity-theme .qa-menu{background:rgba(250,252,255,.96);border-color:rgba(255,255,255,.95);box-shadow:0 16px 48px rgba(32,54,80,.14),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%)}
.clarity-theme .qa-menu .qa-button{background:transparent;border:0;box-shadow:none}
.clarity-theme .qa-menu .qa-button:hover{background:rgba(215,233,250,.53)}
.clarity-theme .modal-overlay{background:rgba(54,70,91,.2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
.clarity-theme .modal-card{background:rgba(253,254,255,.96);border:1px solid rgba(255,255,255,.98);box-shadow:0 28px 95px rgba(34,54,80,.22),inset 0 1px 0 #fff;border-radius:26px}
.clarity-theme .modal-header{background:rgba(255,255,255,.42);border-bottom-color:rgba(172,191,211,.25)}
.clarity-theme .modal-close{border-radius:50%;background:rgba(228,236,246,.6)}
.clarity-theme .login-card{background:rgba(255,255,255,.74);border-color:rgba(255,255,255,.96);box-shadow:0 18px 58px rgba(47,74,109,.09),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}
.clarity-theme .clarity-preview-card{background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.98);box-shadow:0 14px 50px rgba(53,82,116,.08),inset 0 1px 0 #fff}
.clarity-theme .site-footer{background:rgba(244,248,252,.65);border-top:1px solid rgba(255,255,255,.72);color:#7b8795}
@supports not (backdrop-filter:blur(1px)){
 .clarity-theme :is(.sidebar,.topbar,.qa-menu,.modal-card,.login-card){background:#f8faff}
}
@media(prefers-reduced-transparency:reduce){
 .clarity-theme :is(.sidebar,.topbar,.qa-menu,.modal-card,.login-card,.card,.fc-task,.fc-management-stats>article){background:#fafcff;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-contrast:more){
 .clarity-theme :is(.sidebar,.topbar,.qa-menu,.modal-card,.login-card,.card,.fc-task,.qf-task-card){background:#fff;border-color:#9caebf}
 .clarity-theme :is(.fc-page-head p,.qf-page-head p,.fc-task-reference,.wf-muted){color:#4e5e6e}
}
@media(max-width:768px){
 .clarity-theme .sidebar{background:rgba(246,250,255,.93)}
 .clarity-theme .topbar{background:rgba(249,252,255,.78)}
 .clarity-theme .clarity-mobile-nav{background:rgba(248,251,255,.79);border:1px solid rgba(255,255,255,.94);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);box-shadow:0 -3px 20px rgba(48,73,102,.045)}
 .clarity-theme .qa-more>summary{background:rgba(238,246,255,.8);color:#146cc2}
 .clarity-theme .modal-card{border-radius:22px}
}
@media print{
 .clarity-theme{background:#fff!important}
 .clarity-theme *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
}