/* screens.css — authentic Bulk Email app-window screenshots, recreated in HTML/CSS.
   Everything is scoped under .appwin so it never clashes with the marketing theme. */

.appwin{
  --aw-line:#c8c8c8; --aw-blue:#cbe8ff; --aw-cream1:#fdf9e3; --aw-cream2:#efe2a4;
  font-family:"Segoe UI",Tahoma,Geneva,sans-serif; font-size:12px; color:#1b1b1b;
  background:#f0f0f0; border:1px solid #9aa6b4; border-radius:7px; overflow:hidden;
  box-shadow:0 18px 50px rgba(15,40,90,.18); user-select:none; line-height:1.4;
}
.appwin *{box-sizing:border-box;}

/* Title bar (running window) */
.aw-title{display:flex;align-items:center;gap:8px;height:34px;padding:0 8px 0 11px;
  background:linear-gradient(#eef6ff,#cfe4f7);border-bottom:1px solid #a9c6e0;color:#11365b;font-weight:600;}
.aw-title .aw-ico{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#207DE9,#5B43E8);
  display:grid;place-items:center;}
.aw-title .aw-ico svg{width:12px;height:12px;}
.aw-title .aw-wbtns{margin-left:auto;display:flex;gap:6px;}
.aw-title .aw-wbtns i{width:13px;height:13px;border-radius:50%;display:inline-block;}
.aw-title .aw-wbtns .c1{background:#ffbd44;border:1px solid #e0a52f;}
.aw-title .aw-wbtns .c2{background:#00ca56;border:1px solid #16a843;}
.aw-title .aw-wbtns .c3{background:#ff5f57;border:1px solid #e0443e;}

/* Menu + toolbar */
.aw-menu{display:flex;align-items:center;height:24px;background:#f5f5f5;border-bottom:1px solid #dcdcdc;padding:0 4px;}
.aw-menu span{padding:4px 9px;border-radius:2px;}
.aw-menu span:hover{background:#d6e8fb;}
.aw-tools{display:flex;align-items:stretch;height:52px;background:linear-gradient(#fbfbfb,#e6e6e6);
  border-bottom:1px solid #bcbcbc;padding:4px 6px;gap:2px;}
.aw-tb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:0 11px;border:1px solid transparent;border-radius:4px;color:#1b1b1b;min-width:62px;}
.aw-tb .i{font-size:20px;line-height:1;}
.aw-tb .l{font-size:11px;}
.aw-tb:hover{background:#eaf3fd;border-color:#b9d8f5;}
.aw-tb.accent .l{font-weight:700;color:#15692a;}
.aw-tb.dis{color:#a6a6a6;}
.aw-tb.dis .i{filter:grayscale(1) opacity(.45);}
.aw-tsep{width:1px;background:#c6c6c6;margin:6px 5px;}

/* Body split */
.aw-body{display:flex;min-height:0;}
.aw-left{width:210px;flex:0 0 auto;background:#fff;border-right:1px solid var(--aw-line);display:flex;flex-direction:column;}
.aw-ltabs{display:flex;background:#ececec;border-bottom:1px solid var(--aw-line);padding:4px 4px 0;gap:3px;}
.aw-ltab{display:flex;align-items:center;gap:5px;padding:5px 9px;font-size:11px;background:#dcdcdc;
  border:1px solid #c2c2c2;border-bottom:none;border-radius:4px 4px 0 0;color:#555;}
.aw-ltab.on{background:#fff;color:#000;position:relative;top:1px;}
.aw-tree{padding:6px 4px;}
.aw-tnode{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:2px;white-space:nowrap;}
.aw-tnode:hover{background:#eef5fd;}
.aw-tnode.sel{background:var(--aw-blue);outline:1px dotted #6aa6e0;outline-offset:-2px;}
.aw-tnode .c{color:#666;margin-left:auto;}
.aw-right{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:#fff;}

/* Cream/gold panel headers */
.aw-ph{display:flex;align-items:center;gap:8px;height:25px;padding:0 10px;
  background:linear-gradient(var(--aw-cream1),var(--aw-cream2));border-bottom:1px solid #d6c779;
  color:#5a4a05;font-weight:700;}

/* Data grid */
.aw-grid{width:100%;border-collapse:collapse;font-size:12px;}
.aw-grid th{text-align:left;font-weight:600;color:#333;background:linear-gradient(#fbfbfb,#e9e9e9);
  border-right:1px solid #d4d4d4;border-bottom:1px solid #c4c4c4;padding:5px 8px;white-space:nowrap;}
.aw-grid td{padding:4px 8px;border-right:1px solid #eee;border-bottom:1px solid #f0f0f0;white-space:nowrap;}
.aw-grid tr.sel td{background:var(--aw-blue);}
.aw-grid tr:hover td{background:#f3f8fe;}
.aw-dot{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px;margin-right:5px;}
.aw-dot.g{background:#2ea043;}.aw-dot.r{background:#d33;}.aw-dot.a{background:#e0a500;}.aw-dot.x{background:#9a9a9a;}
.aw-bar{display:inline-block;width:80px;height:11px;background:#e7e7e7;border:1px solid #c8c8c8;border-radius:2px;overflow:hidden;vertical-align:middle;}
.aw-bar>span{display:block;height:100%;background:linear-gradient(#7ec77e,#4caf50);}

/* Status bar */
.aw-status{display:flex;align-items:stretch;height:23px;background:#f0f0f0;border-top:1px solid var(--aw-line);font-size:11px;color:#333;}
.aw-status .s{display:flex;align-items:center;padding:0 10px;border-right:1px solid #d2d2d2;box-shadow:inset -1px 0 #fff;}
.aw-status .s.grow{flex:1;color:#356;}
.aw-status .s b{font-weight:600;margin-left:4px;}

/* Dialog form bits (compose / smtp / settings) */
.aw-pad{padding:14px;}
.aw-frow{display:flex;align-items:center;gap:8px;margin-bottom:9px;}
.aw-frow>label{width:104px;text-align:right;color:#222;flex:0 0 auto;}
.aw-frow.top>label{align-self:flex-start;padding-top:5px;}
.aw-in{flex:1;border:1px solid #7f9db9;background:#fff;padding:4px 6px;font-size:12px;color:#111;min-width:0;}
.aw-in.ro{background:#fff;}
.aw-sel{border:1px solid #7f9db9;background:#fff;padding:4px 6px;}
.aw-chk{display:inline-flex;align-items:center;gap:6px;}
.aw-hint{color:#666;font-size:11px;}
.aw-req{color:#b00;}
.aw-tabbar{display:flex;gap:2px;border-bottom:1px solid #b6b6b6;margin-bottom:12px;}
.aw-tab{padding:5px 14px;background:#e3e3e3;border:1px solid #c0c0c0;border-bottom:none;border-radius:3px 3px 0 0;color:#444;position:relative;top:1px;}
.aw-tab.on{background:#f0f0f0;color:#000;border-bottom:1px solid #f0f0f0;}
.aw-btns{display:flex;align-items:center;gap:8px;padding:11px 12px;border-top:1px solid #dcdcdc;background:#ededed;}
.aw-btns .sp{flex:1;}
.aw-cbtn{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border:1px solid #adadad;
  background:linear-gradient(#fdfdfd,#e9e9e9);border-radius:3px;color:#111;}
.aw-cbtn.def{font-weight:600;border-color:#7eb4ea;background:linear-gradient(#f4faff,#dcebfb);}

/* Compose rich toolbar */
.aw-rt{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding:4px;background:linear-gradient(#fbfbfb,#ededed);border:1px solid #cfcfcf;}
.aw-rt .b{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;padding:0 5px;}
.aw-rt .b:hover{background:#e4f0fc;border-color:#bcdcf6;}
.aw-rt .sep{width:1px;height:20px;background:#cfcfcf;margin:0 3px;}
.aw-edit{border:1px solid #cfcfcf;border-top:none;background:#fff;min-height:150px;padding:12px;
  font-family:"Times New Roman",serif;font-size:14px;color:#000;}
.aw-edit h2{margin:0 0 8px;font-size:19px;}
.aw-edit p{margin:0 0 9px;}

/* sending log */
.aw-log{font-family:Consolas,monospace;font-size:11.5px;background:#fff;border:1px solid #c8c8c8;padding:8px;height:150px;overflow:hidden;color:#1b3a1b;}
.aw-log .e{color:#9b2222;}
.aw-log .i{color:#1b4b80;}