/* Operational time board: real Aircall, lead handling, WRAP and pause telemetry. */
#sgl-desktop-app .sgl-operational-time-panel{margin:22px 0!important;padding:22px!important;border:2px solid #42bfff!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(15,64,122,.97),rgba(5,28,67,.98))!important;box-shadow:inset 0 2px rgba(255,255,255,.13),0 7px 0 #03142f,0 18px 34px rgba(0,20,52,.28)!important;color:#fff!important;overflow:hidden}
#sgl-desktop-app .sgl-operational-time-panel>header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(109,211,255,.3)}
#sgl-desktop-app .sgl-operational-time-panel>header div{display:grid;gap:4px}
#sgl-desktop-app .sgl-operational-time-panel>header h2{margin:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:25px!important;text-shadow:0 3px #03142f!important}
#sgl-desktop-app .sgl-operational-time-panel>header p{margin:0!important;color:#bfe7ff!important;-webkit-text-fill-color:#bfe7ff!important;font-size:12px!important}
#sgl-desktop-app .sgl-operational-time-panel>header>strong{flex:0 0 auto;padding:10px 15px;border:1px solid #74dcff;border-radius:14px;background:#061d43;color:#7de5ff;font-size:14px;box-shadow:inset 0 2px rgba(255,255,255,.08),0 4px 0 #020f28}
#sgl-desktop-app .sgl-operational-time-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:14px}
#sgl-desktop-app .sgl-time-state{--time-accent:#31aaff;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:14px 14px 24px;border:1px solid color-mix(in srgb,var(--time-accent) 68%,#fff);border-radius:17px;background:linear-gradient(145deg,rgba(14,62,116,.96),rgba(5,27,62,.98));box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 0 #03152f;color:#fff;overflow:hidden}
#sgl-desktop-app .sgl-time-state.is-productive{--time-accent:#28c8ff}#sgl-desktop-app .sgl-time-state.is-wrap{--time-accent:#9c72ff}#sgl-desktop-app .sgl-time-state.is-pause{--time-accent:#45d19a}
#sgl-desktop-app .sgl-time-state.is-active{animation:sgl-time-active 1.7s ease-in-out infinite;box-shadow:inset 0 1px rgba(255,255,255,.15),0 5px 0 #03152f,0 0 22px color-mix(in srgb,var(--time-accent) 48%,transparent)}
#sgl-desktop-app .sgl-time-state>i{display:grid;place-items:center;width:46px;height:46px;border:2px solid rgba(255,255,255,.85);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--time-accent) 90%,#fff),color-mix(in srgb,var(--time-accent) 65%,#004886));box-shadow:inset 0 2px rgba(255,255,255,.35),0 4px 0 color-mix(in srgb,var(--time-accent) 35%,#00234f);font-size:18px}
#sgl-desktop-app .sgl-time-state>div{display:grid;gap:2px;min-width:0}#sgl-desktop-app .sgl-time-state>div>span{color:#c9eaff;font-size:11px;font-weight:850}#sgl-desktop-app .sgl-time-state>div>strong{color:#fff;font-size:20px;line-height:1.1;text-shadow:0 2px #02122c}#sgl-desktop-app .sgl-time-state>div>small{color:#91c5e7;font-size:10px}
#sgl-desktop-app .sgl-time-state>b{align-self:start;padding:5px 8px;border:1px solid color-mix(in srgb,var(--time-accent) 75%,#fff);border-radius:99px;background:color-mix(in srgb,var(--time-accent) 28%,#061c40);color:#fff;font-size:11px}
#sgl-desktop-app .sgl-time-state>em{position:absolute;right:12px;bottom:9px;left:74px;height:5px;border:1px solid #386b9a;border-radius:99px;background:#02152f;overflow:hidden}#sgl-desktop-app .sgl-time-state>em>span{display:block;width:var(--time-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--time-accent),#8cecff);box-shadow:0 0 10px var(--time-accent)}
@keyframes sgl-time-active{50%{transform:translateY(-2px)}}
@media(max-width:1250px){#sgl-desktop-app .sgl-operational-time-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}}
@media(max-width:700px){#sgl-desktop-app .sgl-operational-time-panel>header{align-items:flex-start;flex-direction:column}#sgl-desktop-app .sgl-operational-time-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#sgl-desktop-app .sgl-time-state.is-active{animation:none}}