/* Clear typography for the compact workbench; no external font downloads. */
.theme-workbench{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.65;--ink:#f1f5ef;--muted:#c0cbbf}
.theme-workbench button,.theme-workbench input{font-family:inherit}
.theme-workbench .app-caption,.theme-workbench .app-header nav a,.theme-workbench .app-header nav button{font-size:14px;color:#d0d9cf}
.theme-workbench .usage-bar{font-family:inherit;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.6;color:#d0d9db;padding:8px 18px;min-height:39px;gap:8px 16px}
.theme-workbench .usage-bar svg{width:16px;height:16px}
.theme-workbench .usage-separator{color:#96a49e}
.theme-workbench .panel-title,.theme-workbench .inbox-top{height:auto;min-height:54px;padding-top:10px;padding-bottom:10px}
.theme-workbench .panel-title h1,.theme-workbench .inbox-title h2{font-size:17px;font-weight:600}
.theme-workbench .panel-number{font-size:12px;color:#a9bba8}
.theme-workbench .section-label{font-size:12px;letter-spacing:.7px;color:#cad5c7;font-weight:600}
.theme-workbench .address-field{padding:13px 10px}
.theme-workbench .address-field input{font:15px/1.7 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;letter-spacing:-.3px;color:#f1f7ed}
.theme-workbench .button,.theme-workbench #extend-time,.theme-workbench #new-address{font-size:15px;min-height:44px;line-height:1.4}
.theme-workbench .button svg{width:17px;height:17px}
.theme-workbench .private{font-size:12px;color:#c2d2b8;line-height:1.6;flex-wrap:wrap}
.theme-workbench #countdown{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:40px;letter-spacing:0;line-height:1.2}
.theme-workbench #time-caption{font-size:13px;color:#c1cdb8}
.theme-workbench .previous-note{font-size:13px;color:#c0cfb6;line-height:1.8}
.theme-workbench .previous-note a{color:#d7f2bb}
.theme-workbench .privacy-note strong{font-size:14px;color:#dbe8d1}
.theme-workbench .privacy-note p{font-size:13px;line-height:1.75;color:#bdccb3}
.theme-workbench .notice{font-size:14px;line-height:1.7}
.theme-workbench .subpanel-title{height:41px;font-size:14px;font-weight:500;color:#d7e3ce}
.theme-workbench .list-heading{font-size:11px;color:#c1d2b5;letter-spacing:.4px}
.theme-workbench .mail-row{font-size:15px;padding:16px 14px;gap:5px 9px;color:#e6efdc}
.theme-workbench .mail-row span:nth-child(2){font-size:14px;line-height:1.6;color:#cfddc3;white-space:normal;overflow-wrap:anywhere}
.theme-workbench .mail-row time{font-family:inherit;font-size:12px;color:#c3d2b7;font-variant-numeric:tabular-nums}
.theme-workbench .empty h3{font-size:17px;color:#e0ebd7}
.theme-workbench .empty p{font-size:14px;line-height:1.8;color:#bdcdb2}
.theme-workbench .waiting{font-size:12px;line-height:1.6;color:#d0e2bd;gap:7px;padding:7px 10px}
.theme-workbench #connection{font-size:12px;color:#cedfc1}
.theme-workbench #test-mail{font-size:13px;padding:6px 10px}
.theme-workbench #refresh-inbox svg{width:17px;height:17px}
.theme-workbench .reader-placeholder h3{font-size:19px;line-height:1.5;color:#dce7d4}
.theme-workbench .reader-placeholder p{font-size:14px;line-height:1.8;color:#bacbb0}
.theme-workbench .text-badge{font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.4px;color:#b7cda7;border-color:#4b5c43}
.theme-workbench #back{font-size:14px;color:#d1efb7;padding:3px 0}
.theme-workbench #subject{font-size:25px;font-weight:600;letter-spacing:-.3px;line-height:1.45}
.theme-workbench .sender strong{font-size:14px;line-height:1.7;color:#d2e3c5}
.theme-workbench .sender time{font:13px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#bdcdb2}
.theme-workbench #body{font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#e5eddf;letter-spacing:0}
.theme-workbench #attachments{font-size:14px;line-height:1.7}
.theme-workbench .inbox-bottom{font-size:12px;line-height:1.7;color:#c8d7bb;padding:10px 14px;gap:8px 16px}
.theme-workbench .inbox-bottom svg{width:14px;height:14px}
.theme-workbench .app-footer,.theme-workbench .app-footer button,.theme-workbench .app-footer .footer-caption{font-size:13px;color:#c0d1b2}
.theme-workbench .app-footer{padding-top:10px;padding-bottom:10px;gap:12px;flex-wrap:wrap}
.theme-workbench dialog{width:min(640px,calc(100% - 30px))}
.theme-workbench dialog p{font-size:15px;line-height:1.85;color:#d0ddc6}
.theme-workbench dialog .credits{font-size:12px!important}
.theme-workbench .dialog-top .eyebrow{font-size:11px}
@media(min-width:901px){.theme-workbench .reader-placeholder{height:calc(100% - 41px);min-height:calc(100% - 41px)}.theme-workbench .message-pane,.theme-workbench .reading-pane{max-height:calc(100vh - 251px)}}
@media(max-width:1100px) and (min-width:901px){.theme-workbench .address-field input{font-size:14px}.theme-workbench .inbox-controls{gap:9px}.theme-workbench #connection{font-size:11px}}
@media(max-width:900px) and (min-width:601px){.theme-workbench .address-content{display:block}.theme-workbench .timer-block{border-left:0;border-top:1px solid var(--line);margin-top:23px;padding:20px 0 0}.theme-workbench .address-field input{font-size:16px}.theme-workbench .private{justify-content:flex-start}.theme-workbench .previous-note{margin-top:14px}}
@media(max-width:600px){.theme-workbench .app-header nav a{font-size:13px}.theme-workbench .usage-bar{font-size:12px;padding:8px 11px;gap:4px 10px}.theme-workbench .panel-title h1,.theme-workbench .inbox-title h2{font-size:16px}.theme-workbench .address-field input{font-size:14px;letter-spacing:-.4px}.theme-workbench .private{font-size:11px}.theme-workbench #countdown{font-size:34px}.theme-workbench #extend-time{font-size:13px;padding:9px 6px}.theme-workbench .previous-note{font-size:12px}.theme-workbench .inbox-top{flex-wrap:wrap;gap:9px}.theme-workbench .inbox-controls{gap:9px;margin-left:auto}.theme-workbench #connection{font-size:11px}.theme-workbench #test-mail{font-size:12px;padding:5px 8px}.theme-workbench .empty{min-height:225px}.theme-workbench .reader-placeholder{min-height:255px}.theme-workbench .reader-placeholder h3{font-size:18px}.theme-workbench #subject{font-size:23px}.theme-workbench #body{font-size:16px}.theme-workbench .inbox-bottom{font-size:11px}.theme-workbench .app-footer{font-size:13px}.theme-workbench .app-footer button{font-size:13px}}
/* One header: logo left, service status at the page centre, navigation right. */
.theme-workbench .app-header{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;padding:0 24px;min-height:66px;height:auto}
.theme-workbench .app-header .brand{justify-self:start}
.theme-workbench .app-header nav{justify-self:end;margin:0;white-space:nowrap}
.theme-workbench .app-header .usage-bar{justify-self:center;padding:0;border:0;background:transparent;min-height:0;gap:8px 13px;white-space:nowrap;flex-wrap:nowrap}
.theme-workbench .workbench{min-height:0}
@media(min-width:901px){.theme-workbench .message-pane,.theme-workbench .reading-pane{max-height:calc(100vh - 212px)}}
@media(min-width:901px) and (max-width:1100px){.theme-workbench .app-header{gap:13px;padding:0 18px}.theme-workbench .app-header .brand .ffmail-logo{width:142px}.theme-workbench .app-header .usage-bar{font-size:12px;gap:8px}.theme-workbench .app-header nav{gap:13px}.theme-workbench .app-header nav a,.theme-workbench .app-header nav button{font-size:12px}}
@media(max-width:900px){.theme-workbench .app-header{grid-template-columns:1fr auto;gap:10px 16px;padding:13px 18px}.theme-workbench .app-header .usage-bar{grid-column:1 / -1;grid-row:2;flex-wrap:wrap;white-space:normal;padding-bottom:1px;font-size:13px}.theme-workbench .app-header nav{grid-column:2;grid-row:1}}
@media(max-width:600px){.theme-workbench .app-header{padding:12px 15px;gap:11px 12px;min-height:0}.theme-workbench .app-header .usage-bar{font-size:12px;gap:4px 8px}.theme-workbench .app-header .usage-bar .usage-connection{flex-basis:100%;justify-content:center}}
/* Filled action icons, matching the approved preview. */
.theme-workbench #copy-address .action-icon,.theme-workbench #extend-time .action-icon,.theme-workbench #new-address .action-icon{width:24px;height:24px;fill:currentColor;stroke:none;stroke-width:0;flex-shrink:0}
.theme-workbench #extend-time .action-icon,.theme-workbench #new-address .action-icon{color:#c3f37b}
.theme-workbench #copy-address,.theme-workbench #extend-time,.theme-workbench #new-address{gap:10px}
.theme-workbench #extend-time .action-icon use{stroke-width:0}
@media(max-width:600px){.theme-workbench #extend-time .action-icon{width:22px;height:22px}.theme-workbench #extend-time{gap:7px}}
/* Three actions side by side, below the timer. */
.theme-workbench .address-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0}
.theme-workbench .address-actions #copy-address,.theme-workbench .address-actions #extend-time,.theme-workbench .address-actions #new-address{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:122px;width:100%;margin:0;padding:14px 7px 10px;white-space:normal;font-size:14px;line-height:1.4;text-align:center;border-radius:5px}
.theme-workbench .address-actions button>span{min-height:40px;display:flex;align-items:center;justify-content:center;max-width:100%}
.theme-workbench .address-actions #copy-address .action-icon,.theme-workbench .address-actions #extend-time .action-icon,.theme-workbench .address-actions #new-address .action-icon{width:38px;height:38px}
.theme-workbench .timer-block{display:block;margin-bottom:0}
.theme-workbench .timer-block .progress-track{padding-bottom:0}
@media(max-width:600px){.theme-workbench .address-actions{gap:7px;margin-top:18px}.theme-workbench .address-actions #copy-address,.theme-workbench .address-actions #extend-time,.theme-workbench .address-actions #new-address{font-size:13px;min-height:114px;padding:12px 5px 8px;gap:8px}.theme-workbench .address-actions #copy-address .action-icon,.theme-workbench .address-actions #extend-time .action-icon,.theme-workbench .address-actions #new-address .action-icon{width:34px;height:34px}.theme-workbench .timer-block .time{margin-top:10px}.theme-workbench .timer-block .progress-track{padding-top:15px}}
.theme-workbench .address-actions #copy-address,.theme-workbench .address-actions #extend-time,.theme-workbench .address-actions #new-address{grid-column:auto;grid-row:auto}