/* aol.css
   Theme-specific rules extracted from the original working CSS.
*/

body.aol{--bg:#ffffff;--bg2:#ddeafc;--bg3:#ffffff;--accent:#003b8e;--accent2:#ff7800;--accent3:#0066cc;--text:#1a1a1a;--text2:#5566aa;--text-inv:#ffffff;--bl:#ccdaf8;--bd:#99b8e8;--bdd:#3366bb;--tb-bg:linear-gradient(180deg,#0058c0 0%,#003580 100%);--tb-text:#ffffff;--btn:#ddeafc;--font:Arial,Helvetica,sans-serif;--font-d:Arial,Helvetica,sans-serif;--wr:3px;--br:3px;background:#aec8e8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Crect width='200' height='200' fill='%23aec8e8'/%3E%3Ccircle cx='20' cy='30' r='60' fill='%23c0d6f0' opacity='0.5'/%3E%3Ccircle cx='160' cy='140' r='80' fill='%23c8dcf4' opacity='0.4'/%3E%3C/svg%3E");font-family:var(--font);font-size:13px}
body.aol .window{border:2px solid #6699cc;box-shadow:0 4px 14px #00287840;border-radius:var(--wr)}
body.aol .titlebar{background:var(--tb-bg);padding:6px 10px;border-radius:var(--wr) var(--wr) 0 0}
body.aol .tb-title{color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px}
body.aol .tb-btn{background:#fff3;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:2px}
body.aol .tb-btn:hover{background:#ffffff59}
body.aol .wbody{background:#fff;padding:12px}
body.aol .site-hdr{border-bottom:2px solid #ccdaf8;padding-bottom:10px;margin-bottom:10px}
body.aol .site-hdr:after{content:"📧 You've Got Mail!  Welcome to AOL, Member!";display:block;font-size:11px;color:#ff7800;margin-top:6px;font-weight:700;letter-spacing:.3px}
body.aol .site-title{color:#003b8e;font-family:Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:1px}
body.aol .site-title .hi{color:#ff7800}
body.aol .site-title .dotnet{font-size:15px;color:#68b}
body.aol .tagline{color:#68b;font-size:11px}
body.aol .clock{color:#003b8e;font-size:24px;font-weight:700;font-family:Arial,sans-serif}
body.aol .sec-title{color:#003b8e;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;border-bottom:2px solid #ccdaf8;padding-bottom:3px}
body.aol .section{background:#fff;border:1px solid #ccdaf8;border-radius:3px}
body.aol .sc{background:#fff;border:2px solid #003b8e;border-radius:3px}
body.aol .sc:hover{border-color:#06c}
body.aol .si input{border:1px solid #99b8e8;border-radius:2px;background:#fff}
body.aol .si input:focus{border-color:#003b8e;box-shadow:0 0 0 2px #003b8e2e;outline:none}
body.aol .si button{background:linear-gradient(180deg,#0058c0,#003580);color:#fff;border:none;border-radius:2px;font-weight:700}
body.aol .sl{background:#fff;border:1px solid #ccdaf8;border-radius:3px}
body.aol .sl:hover{background:#ddeafc;border-color:#003b8e}
body.aol .theme-bar{background:#fff;border:1px solid #ccdaf8;border-radius:3px}
body.aol .tbtn{background:#fff;border:1px solid #ccdaf8;color:#003b8e;border-radius:3px}
body.aol .tbtn.active{background:#003b8e;color:#fff;border-color:#003b8e}
body.aol .add-btn{background:linear-gradient(180deg,#f80,#c50);color:#fff;border:none;border-radius:2px;font-weight:700}
body.aol .taskbar{background:linear-gradient(180deg,#0058c0,#003580);border-top:2px solid #0044aa;height:38px}
body.aol .start-btn{background:linear-gradient(180deg,#f80,#c50);border:2px outset #ffaa44;color:#fff;font-weight:700;border-radius:3px;padding:3px 10px}
body.aol .tb-clock{color:#acf;font-size:11px;font-weight:700}