/* Tech4 webmail cloud palette and square-thumb appearance control, presentation only. */
:root{--t4-page:#CFE5F2;--t4-surface:#CFE5F2;--t4-text:#27190F;--t4-muted:#59636a;--t4-line:#657078;--t4-glass:rgba(207,229,242,.68);--t4-gloss:.14;--t4-clouds:radial-gradient(at 80% 14%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.5) 24%,transparent 65%),radial-gradient(ellipse 52% 22% at -5% 74%,rgba(255,255,255,.9) 12%,transparent 72%),radial-gradient(ellipse 42% 30% at 18% 96%,rgba(255,255,255,.8) 16%,transparent 70%),radial-gradient(ellipse 48% 23% at 105% 52%,rgba(255,255,255,.85) 10%,transparent 75%)}
html{background:var(--t4-page)}
body{background-color:var(--t4-page);background-image:var(--t4-clouds);background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;color:var(--t4-text)}
body::before{background:none}
[data-tech4-appearance]{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:44px}
.tech4-shade-control{display:flex;align-items:center;padding-left:18px;border-left:1px solid currentColor;color:var(--t4-text);background:transparent}
.tech4-shade-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.tech4-shade-control #tech4-cloud-shade{appearance:none;-webkit-appearance:none;box-sizing:content-box;width:104px;height:44px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;box-shadow:none;cursor:ew-resize;touch-action:pan-y}
#tech4-cloud-shade::-webkit-slider-runnable-track{height:10px;border:1px solid currentColor;background:linear-gradient(90deg,#F2F9FD,#CFE5F2 30%,#04080E)}
#tech4-cloud-shade::-moz-range-track{height:8px;border:1px solid currentColor;background:linear-gradient(90deg,#F2F9FD,#CFE5F2 30%,#04080E)}
#tech4-cloud-shade::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:24px;margin-top:-8px;border:2px solid #fff;border-radius:0;background:#FF9200;box-shadow:0 0 0 1px #16191D}
#tech4-cloud-shade::-moz-range-thumb{width:14px;height:20px;border:2px solid #fff;border-radius:0;background:#FF9200;box-shadow:0 0 0 1px #16191D}
#tech4-cloud-shade:focus-visible{outline:3px solid currentColor;outline-offset:3px}
@media(max-width:760px){.tech4-shade-control{padding-left:12px}.tech4-shade-control #tech4-cloud-shade{width:82px}}
@media(max-width:480px){.tech4-shade-control #tech4-cloud-shade{width:86px}}
@media(max-width:380px){.tech4-shade-control #tech4-cloud-shade{width:66px}}
@media(prefers-reduced-motion:reduce){.tech4-shade-control *{transition:none!important}}
@media print{[data-tech4-appearance]{display:none}body{background:white;color:black}}