
html:not(.tsp-mobh) .tsp-mhb, html:not(.tsp-mobh) #tsp-msx, html:not(.tsp-mob-adm) #tsp-mdl { display:none !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header .live-calendar { display:none !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header .search-wrapper { display:none !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header .tsp-mhb { display:flex !important; position:relative; width:36px; height:36px; min-width:36px; border-radius:50%; background:#fff; border:0; box-shadow:0 1px 2px rgba(20,40,60,.15); align-items:center; justify-content:center; padding:0; margin:0 !important; flex:0 0 auto; cursor:pointer; box-sizing:border-box; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header .tsp-mhb:active { transform:scale(.95); }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header .tsp-mhb svg { width:18px; height:18px; color:#2C3E50; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mcal svg { width:22px; height:22px; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mcal .dn { position:absolute; left:0; right:0; top:50%; margin-top:0; text-align:center; font:800 9.5px/1 var(--tsp-ff, Inter, sans-serif); color:#0a84ff; letter-spacing:-.3px; pointer-events:none; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) #tsp-mname { margin-right:auto; }
html.tsp-mobh:not(.tsp-mobw) body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mcal { margin-left:auto !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) #tsp-msx { display:none; }
html.tsp-mobh.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4) .header { position:relative; }
html.tsp-mobh.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4) .header > :not(.search-wrapper):not(#tsp-msx):not(#main-dropdown) { visibility:hidden !important; }
html.tsp-mobh.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4) .header .search-wrapper { display:flex !important; position:absolute !important; left:10px; right:56px; top:50%; transform:translateY(-50%); z-index:5; margin:0 !important; width:auto !important; max-width:none !important; }
html.tsp-mobh.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-msx { display:flex !important; position:absolute; right:8px; top:50%; transform:translateY(-50%); z-index:5; width:40px; height:40px; border-radius:50%; background:#fff; align-items:center; justify-content:center; box-shadow:0 1px 2px rgba(0,0,0,.22); cursor:pointer; visibility:visible !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4) #tsp-msx svg { width:18px; height:18px; color:#475569; }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4) #tech-filter-box { flex-direction:row !important; flex-wrap:nowrap !important; }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4) #dynamic-filter-group { flex:0 1 auto !important; width:auto !important; max-width:none !important; min-width:0 !important; overflow-x:auto; }
#tsp-mhd { display:none !important; }   
html.tsp-mobh:not(.tsp-mob-adm) body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mhd { display:none !important; margin-right:auto; flex:0 1 auto; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 15px/1.1 var(--tsp-ff, Inter, sans-serif); color:#0f172a; letter-spacing:-.2px; cursor:pointer; }
html.tsp-mobh:not(.tsp-mob-adm) body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mhd small { display:block; font:800 10px/1 var(--tsp-ff, Inter, sans-serif); letter-spacing:1px; color:#0a84ff; margin-bottom:3px; }
html.tsp-mobh[data-theme="dark"] .header #tsp-mhd { color:#e2e8f0; }
html.tsp-mobh:not(.tsp-mob-adm):not(.tsp-mobw) body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mcal { margin-left:0 !important; }
html.tsp-mobh.tsp-mobw:not(.tsp-mob-adm) body:not(#q1):not(#q2):not(#q3):not(#q4) .header #tsp-mhd { margin-left:14px; padding-left:14px; border-left:1px solid rgba(15,23,42,.15); }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4) #tech-filter-box > #tsp-mdl { display:block !important; margin-left:auto; flex:0 0 auto; padding:0 4px 0 8px; font:700 12.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; white-space:nowrap; cursor:pointer; }
html.tsp-mobh #tsp-mlogo { background:linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%) !important; border:1px solid rgba(15,23,42,.08); box-sizing:border-box; box-shadow:0 2px 6px rgba(20,40,60,.16) !important; }
html.tsp-mobh #tsp-mlogo svg rect, html.tsp-mobh #tsp-mlogo svg path { stroke:#334155 !important; }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box { display:flex !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header #tsp-mname { flex:0 1 auto !important; min-width:0; overflow:hidden; text-overflow:ellipsis; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header { gap:7px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box { width:36px !important; height:36px !important; min-width:36px !important; border-radius:50% !important; background:#fff !important; border:0 !important; box-shadow:0 1px 2px rgba(20,40,60,.15) !important; padding:0 !important; gap:1px !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; flex:0 0 auto; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box .counter-label { font:800 7px/1 var(--tsp-ff, Inter, sans-serif) !important; letter-spacing:.5px !important; color:#94a3b8 !important; margin:0 !important; text-transform:uppercase; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box .counter-value { font:800 11px/1 var(--tsp-ff, Inter, sans-serif) !important; color:#2C3E50 !important; letter-spacing:-.4px !important; white-space:nowrap !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box .counter-value .done { color:#16a34a !important; }
html.tsp-mobh[data-theme="dark"] body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header .job-counter-box .counter-value { color:#2C3E50 !important; }
html:not(.tsp-mob-adm) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #tsp-mtech, html:not(.tsp-mob-adm) #tsp-mtl { display:none !important; }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) #tech-filter-box { display:none !important; }
html.tsp-mob-adm body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5) .header #tsp-mtech .bd { position:absolute; top:-3px; right:-3px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; color:#fff; font:800 9.5px/16px var(--tsp-ff, Inter, sans-serif); text-align:center; box-sizing:border-box; box-shadow:0 0 0 2px #fff; }
#tsp-mtl { position:fixed; z-index:2147483500; width:240px; max-height:calc(100vh - 80px); overflow-y:auto; overflow-x:hidden; background:#fff; border-radius:14px; box-shadow:0 16px 40px rgba(15,30,45,.25), 0 0 0 1px rgba(15,30,45,.06); padding:8px; display:none; box-sizing:border-box; font-family:var(--tsp-ff, Inter, sans-serif); }
#tsp-mtl.on { display:block; animation:tspSoIn .12s ease-out; }
html body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header .map-header-btn.active,
html:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mcal,
html.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-msrch,
html:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mtech { background:#ffffff !important; background-image:none !important; color:#111827 !important; border-color:transparent !important; box-shadow:none !important; }
html body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header .map-header-btn.active svg, html body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header .map-header-btn.active svg *,
html:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mcal svg, html:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mcal svg *,
html.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-msrch svg, html.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-msrch svg *,
html:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mtech svg, html:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mtech svg * { color:#111827 !important; stroke:#111827 !important; }
html:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9) .header #tsp-mcal .dn { color:#2563eb !important; }
html.tsp-hdr-lt body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header .map-header-btn.active,
html.tsp-hdr-lt:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mcal,
html.tsp-hdr-lt.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-msrch,
html.tsp-hdr-lt:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mtech { background:#1e2a44 !important; background-image:none !important; color:#ffffff !important; border-color:transparent !important; box-shadow:0 2px 8px rgba(15,23,42,.25) !important; }
html.tsp-hdr-lt body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header .map-header-btn.active svg, html.tsp-hdr-lt body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header .map-header-btn.active svg *,
html.tsp-hdr-lt:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mcal svg, html.tsp-hdr-lt:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mcal svg *,
html.tsp-hdr-lt.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-msrch svg, html.tsp-hdr-lt.tsp-msopen body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-msrch svg *,
html.tsp-hdr-lt:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mtech svg, html.tsp-hdr-lt:has(#tsp-mtl.on) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mtech svg * { color:#ffffff !important; stroke:#ffffff !important; }
html.tsp-hdr-lt:has(#date-picker-overlay[style*="flex"]) body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7):not(#q8):not(#q9):not(#q10) .header #tsp-mcal .dn { color:#93c5fd !important; }
#tsp-mtl .hd { padding:6px 12px 8px; font:800 10px/1 var(--tsp-ff, Inter, sans-serif); letter-spacing:1px; color:#94a3b8; text-transform:uppercase; }
#tsp-mtl .it { width:100%; box-sizing:border-box; display:flex; align-items:center; gap:10px; height:40px; padding:0 12px; border:0; background:transparent; border-radius:9px; cursor:pointer; font:600 13px var(--tsp-ff, Inter, sans-serif); color:#1e293b; text-align:left; }
#tsp-mtl .it:hover { background:#f3f6fa; }
#tsp-mtl .it.on { background:#e8f0fc; color:#1f6fd6; }
#tsp-mtl .it i { width:9px; height:9px; border-radius:50%; flex:0 0 auto; }
#tsp-mtl .it svg { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; margin-left:-4px; }
#tsp-mtl .it b { margin-left:auto; font:700 12px var(--tsp-ff, Inter, sans-serif); color:#94a3b8; }
#tsp-mtl .it.on b { color:#1f6fd6; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header { padding-top:13px !important; padding-bottom:13px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .tsp-mhb, html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .map-header-btn, html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .job-counter-box { width:38px !important; height:38px !important; min-width:38px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .tsp-mhb svg, html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .map-header-btn svg { width:19px !important; height:19px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header #tsp-mcal svg { width:25px !important; height:25px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header #tsp-mcal .dn { top:auto !important; bottom:11px; margin-top:0 !important; font-size:9.5px !important; line-height:1 !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6) .header .job-counter-box .counter-value { font-size:11.5px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) #tsp-mname { font-size:10.5px !important; letter-spacing:0 !important; margin-left:-1px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) .header .menu-btn { width:30px !important; min-width:30px !important; }
html.tsp-mobh body:not(#q1):not(#q2):not(#q3):not(#q4):not(#q5):not(#q6):not(#q7) .header { gap:5px !important; }
#tech-note-modal .rv-info { background:#f1f5f9; border-radius:10px; padding:10px 12px; font:500 13px/1.45 var(--tsp-ff, Inter, sans-serif); color:#334155; }
#tech-note-modal .rv-info b { color:#0f172a; } #tech-note-modal .rv-info span { color:#64748b; }
#tech-note-modal .rv-q { display:block; margin:14px 0 8px; }
#tech-note-modal .rv-opt { display:flex; gap:12px; align-items:flex-start; width:100%; text-align:left; padding:12px 14px; margin:0 0 8px; border:1px solid #e2e8f0; border-radius:12px; background:#fff; font:inherit; cursor:pointer; box-sizing:border-box; }
#tech-note-modal .rv-opt i { width:18px; height:18px; border-radius:50%; border:2px solid #94a3b8; box-sizing:border-box; flex:0 0 auto; margin-top:1px; }
#tech-note-modal .rv-opt.on { border-color:#2f6fd6; box-shadow:0 0 0 3px rgba(47,111,214,.12); } #tech-note-modal .rv-opt.on i { border:6px solid #2f6fd6; }
#tech-note-modal .rv-opt b { display:block; font:700 14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; }
#tech-note-modal .rv-opt small { display:block; font:500 12.5px/1.4 var(--tsp-ff, Inter, sans-serif); color:#64748b; margin-top:2px; }
#tech-note-modal #tech-note-save-btn:disabled { opacity:.45; cursor:not-allowed; }
.dps-vt .dps-fu-b, .jcv-vt .jcv-fu-b { grid-template-columns:repeat(2, auto) !important; justify-content:start !important; }
.dps-vt .dps-fu-h span, .jcv-vt .jcv-fu-h span { text-transform:none; letter-spacing:0; font-weight:600; color:#94a3b8; }
.jcv-vt { margin-bottom:10px; }
html body #tsp-tbm { overflow-x:hidden !important; }
html body #tsp-tbm .it { box-sizing:border-box !important; max-width:100% !important; }
html.tsp-mob-adm body #tsp-tbm > div.it { display:none !important; }
html.tsp-mobh[data-theme="dark"] .header .tsp-mhb svg, html.tsp-mobh[data-theme="dark"] #tsp-msx svg { color:#e2e8f0; }
