:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif}html,body{background:#000;color:#f5f5f5;min-height:100%;margin:0}body{font:14px/1.45 Arial,Helvetica,sans-serif}.wrap{width:100%;min-height:100svh;padding:28px 32px;display:grid;align-content:center}#app{width:min(100%,760px);margin:0 auto}.hidden{display:none!important}.card{border:0;border-radius:0;padding:0;margin:0;background:transparent;text-align:left}h2{font:500 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:0 0 22px}label,legend{font-size:12px;font-weight:400;color:#aaa;margin:0 0 8px;text-align:left}input,textarea{font:14px/1.4 Arial,Helvetica,sans-serif;border:1px solid #303030;border-radius:5px;background:#171717;color:#f5f5f5;padding:11px 12px;outline:none}input:focus,textarea:focus{border-color:#929292}input::placeholder,textarea::placeholder{color:#717171}textarea{min-height:70px;height:70px;resize:vertical}button{border-radius:5px;min-height:40px;padding:10px 16px;background:#eee;color:#111;font-weight:500;font-size:13px;transition:background .15s}button.secondary{background:#222;color:#eee}button:hover{background:#d4d4d4}button.secondary:hover{background:#333}button:focus-visible{outline:2px solid #aaa;outline-offset:4px}.text-button{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#aaa;padding:4px 0;min-height:30px;font-weight:400}.text-button:hover{color:#fff;background:transparent}.muted{color:#858585}.sender-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 36px;gap:18px}.sender-header>img{display:block;width:98px;height:auto}.tabs{margin:0;gap:24px;justify-content:flex-end}.tabs button,.tabs button.active{border-radius:0;padding:8px 0;background:transparent;color:#888;font-weight:400;border-bottom:1px solid transparent;min-height:36px}.tabs button.active{color:#eee;border-bottom-color:#777}.tabs button:hover{color:white;background:transparent}.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compose-grid input{height:44px}input[type=file]{padding:5px;font-size:12px;color:#888}input::file-selector-button{border:0;border-radius:3px;background:#333;color:#eee;padding:8px 10px;margin-right:9px;font:12px Arial,sans-serif}.recipient-heading{display:flex;justify-content:space-between;align-items:center;margin-top:20px;margin-bottom:6px}.recipient-heading label{margin:0}.recipient-heading button{font-size:12px}#selectedSummary{margin-top:6px;font-size:11px;text-align:left}.delivery-settings{display:flex;align-items:flex-start;gap:40px;margin:22px 0}.expiry{width:140px;flex-shrink:0}.number-unit{display:flex;align-items:center;background:#171717;border:1px solid #303030;border-radius:5px;height:42px}.number-unit:focus-within{border-color:#929292}.number-unit input{border:0;background:transparent;width:80px;height:40px;padding-right:0}.number-unit span{font-size:12px;color:#999}.delivery-settings fieldset{border:0;margin:0;padding:0;min-width:0}.delivery-settings legend{padding:0;margin-bottom:8px}.delivery-options{display:flex;align-items:center;gap:22px;min-height:42px}.delivery-options .check{margin:0;align-items:center;justify-content:flex-start;gap:8px;font-size:13px;color:#ddd;white-space:nowrap}.check input{accent-color:#ccc;width:15px;height:15px;margin:0}.send-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.send-actions p{font-size:12px;margin:0}#sendBtn{min-width:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}#sendMsg:empty,#authMsg:empty{display:none}.msg{font-size:12px;line-height:1.5;margin-top:12px}.sender-footer{display:flex;align-items:center;gap:12px;margin-top:25px;padding-top:14px;border-top:1px solid #202020}.sender-footer button{font-size:12px}.sender-footer>span{font-size:11px;color:#555}.login{width:min(100%,340px);max-width:340px;margin:0 auto!important;background:transparent;border:0;padding:0;text-align:left}.brand{margin:0 auto 42px;text-align:center}.brand img{width:205px;max-width:65vw;height:auto;margin:0 auto 20px}.brand-subtitle{font:10px/1.4 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8b8b8b}.login-controls{display:flex;gap:8px}.login-controls input{min-width:0;flex:1}.login-controls button{padding:10px 20px}.login>label{font-size:12px}.grid{gap:36px}#contactsPanel label{margin-top:14px}#contactsPanel .item{border-radius:0;border:0;border-bottom:1px solid #252525;padding:12px 0;margin:0}#contactsPanel h2{font-size:20px;margin-bottom:12px}#contactsPanel .muted{font-size:12px}.address-book{background:#111;padding:24px;border-color:#252525}#deliveryDialog{border-radius:8px;background:#111}#deliveryDialog h2{font-size:22px}.delivery-table th{background:#111}.delivery-table button{min-height:30px}.delivery-top p{font-size:12px}.delivery-top button{min-height:32px}.address-book h2{font-size:22px}
@media(max-width:600px){.wrap{padding:22px 20px;align-content:start}.wrap:has(#auth:not(.hidden)){align-content:center}h2{font-size:23px;margin-bottom:18px}.sender-header{margin-bottom:24px;gap:12px}.sender-header>img{width:78px}.tabs{gap:16px}.tabs button{font-size:11px}.compose-grid{grid-template-columns:1fr;gap:14px}.recipient-heading{margin-top:14px}.delivery-settings{gap:18px;margin:18px 0}.expiry{width:110px}.number-unit input{width:62px}.delivery-options{flex-direction:column;align-items:flex-start;gap:10px;padding-top:2px;min-height:42px}.delivery-options .check{font-size:12px}.send-actions p{font-size:11px;max-width:160px}#sendBtn{min-width:104px}.sender-footer{margin-top:20px;padding-top:12px}.grid{grid-template-columns:1fr}.brand{margin-bottom:36px}}
@media(max-height:700px) and (min-width:601px){.wrap{padding-top:20px;padding-bottom:20px}.sender-header{margin-bottom:22px}h2{margin-bottom:16px}.recipient-heading{margin-top:14px}.delivery-settings{margin:16px 0}.sender-footer{margin-top:16px;padding-top:10px}}
.recipient-editor{position:relative}.recipient-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:50px;padding:7px 9px;background:#171717;border:1px solid #303030;border-radius:5px}.recipient-tokens:focus-within{border-color:#929292}#recipientInput{flex:1;min-width:170px;width:auto;border:0;background:transparent;padding:5px 3px;height:32px}.recipient-chip{display:inline-flex;align-items:center;gap:10px;min-height:30px;max-width:100%;padding:5px 9px;background:#333;color:#eee;font-size:12px;overflow-wrap:anywhere;text-align:left}.recipient-chip:hover,.recipient-chip:focus{background:#484848}.recipient-chip span{color:#aaa;font-size:17px;line-height:16px;cursor:pointer}.recipient-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#222;border:1px solid #3a3a3a;border-radius:5px;z-index:20;max-height:240px;overflow:auto;box-shadow:0 10px 30px #0009}.recipient-suggestions [role=option]{padding:10px 12px;cursor:pointer;display:flex;gap:12px;flex-wrap:wrap}.recipient-suggestions [role=option]:hover,.recipient-suggestions [aria-selected=true]{background:#383838}.recipient-suggestions strong{font-weight:500}.recipient-suggestions span{color:#aaa}#recipientError:empty,#selectedSummary:empty{display:none}.delivery-settings{align-items:flex-end;gap:28px}.delivery-settings #sendBtn{margin-left:auto;height:42px;flex-shrink:0}@media(max-width:600px){.delivery-settings{flex-wrap:wrap;gap:18px}.delivery-settings #sendBtn{min-width:100px}.recipient-chip{font-size:12px}#recipientInput{font-size:16px}}
.project-editor{position:relative}#projectSuggestions [role=option]{overflow-wrap:anywhere}

.delivery-table td:nth-child(2){overflow-wrap:anywhere}.delivery-table td:nth-child(2) small{white-space:normal}

.delivery-actions{display:flex;align-items:center;gap:16px;white-space:nowrap}.delivery-table .delivery-actions button{height:34px;min-height:34px;margin:0}.delivery-table .remove-delivery{display:inline-flex;align-items:center;justify-content:center;width:34px;padding:0;flex-shrink:0;color:#aaa}.delivery-table .remove-delivery:hover{color:#fff}
/* Delivery spacing: 8px base; 16px controls; 24px rows; 32px frame. */
#deliveryDialog{width:min(1000px,calc(100vw - 48px));max-width:none;padding:0;border:1px solid #303030;border-radius:8px}
.delivery-top{padding:32px 32px 24px;gap:24px;align-items:center}
#deliveryDialog h2{font-size:24px;line-height:32px;letter-spacing:-.5px}
.delivery-top p{margin:8px 0 0;line-height:20px}
.delivery-top button{height:40px;min-height:40px;padding:0 16px}
.delivery-scroll{padding:0 32px 24px;max-height:calc(85vh - 144px)}
.delivery-table{table-layout:fixed;font-size:13px;line-height:20px}
.delivery-table th{padding:16px 12px;font-size:10px;line-height:16px;letter-spacing:.08em;border-color:#383838}
.delivery-table td{padding:24px 12px;border-color:#292929}
.delivery-table th:first-child,.delivery-table td:first-child{padding-left:0;width:24%}
.delivery-table th:nth-child(2){width:27%}
.delivery-table th:nth-child(3){width:16%}
.delivery-table th:nth-child(4){width:13%}
.delivery-table th:last-child,.delivery-table td:last-child{padding-right:0;width:168px}
.delivery-table strong{font-weight:500}
.delivery-table small{font-size:11px;line-height:16px;margin-top:4px}
.delivery-status{font-size:11px;line-height:16px;padding:6px 10px}
.delivery-actions{display:grid;grid-template-columns:88px 40px;gap:16px;justify-content:end;align-items:center}
.delivery-table .delivery-actions button{height:40px;min-height:40px;padding:0 12px;font-size:12px;border-radius:5px}
.delivery-table .delivery-actions .remove-delivery{grid-column:2;width:40px;padding:0}
#deliveryNotice{padding-left:32px;padding-right:32px}
@media(min-width:601px) and (max-width:850px){.delivery-top{padding:24px}.delivery-scroll{padding:0 24px 24px}.delivery-table th,.delivery-table td{padding-left:8px;padding-right:8px}.delivery-table th:last-child,.delivery-table td:last-child{width:144px}.delivery-actions{grid-template-columns:80px 40px;gap:16px}.delivery-table th:nth-child(3){width:18%}}
@media(max-width:600px){#deliveryDialog{width:calc(100vw - 24px)}.delivery-top{padding:24px 20px;gap:16px;align-items:flex-start}#deliveryDialog h2{font-size:20px;line-height:28px}.delivery-top p{font-size:11px;line-height:16px}.delivery-top button{height:40px;flex-shrink:0}.delivery-scroll{padding:0 20px 16px}.delivery-table tr{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:24px 0}.delivery-table td,.delivery-table td:first-child,.delivery-table td:last-child{padding:0;width:auto}.delivery-table td:first-child{grid-column:1/-1}.delivery-table td:nth-child(2){grid-column:1/-1;grid-row:2}.delivery-table td:nth-child(3){grid-column:1/-1;grid-row:3}.delivery-table td:nth-child(4){grid-column:1;grid-row:4;align-self:center}.delivery-table td:nth-child(5){grid-column:2;grid-row:4}.delivery-table .delivery-actions button{height:44px;min-height:44px}.delivery-actions{grid-template-columns:88px 44px;gap:16px}.delivery-table .delivery-actions .remove-delivery{width:44px}#deliveryNotice{padding-left:20px;padding-right:20px}}

#groupRecipientInput{flex:1;min-width:140px;width:auto;max-width:100%;border:0;background:transparent;padding:5px 3px;height:32px}
#groupRecipientError:empty{display:none}
.group-recipient-chip{position:relative;display:inline-flex;align-items:center;min-height:34px;max-width:100%;padding:7px 30px 7px 10px;border-radius:4px;background:#333;color:#eee;font-size:12px;overflow-wrap:anywhere}
.group-recipient-chip button{position:absolute;top:0;right:0;width:26px;height:26px;min-height:26px;padding:0;background:transparent;color:#bbb;font-size:17px;line-height:1}
.group-recipient-chip button:hover{background:#484848;color:#fff}
@media(max-width:600px){#groupRecipientInput{font-size:16px}}

/* Keep the status and both actions in one evenly spaced row. */
.delivery-table th.delivery-controls-heading,.delivery-table td.delivery-controls-cell{width:252px;padding-left:12px;padding-right:0}
.delivery-table .delivery-controls{display:grid;grid-template-columns:68px 88px 40px;gap:16px;justify-content:space-between;align-items:center;width:100%}
.delivery-controls .delivery-status{width:68px;text-align:center;box-sizing:border-box}
.delivery-table .delivery-controls .remove-delivery{grid-column:3}
@media(max-width:600px){
 .delivery-table td.delivery-controls-cell{grid-column:1/-1;grid-row:4;width:100%;padding:0;justify-self:stretch}
 .delivery-table .delivery-controls{grid-template-columns:68px 88px 44px;gap:16px}
}