*{box-sizing:border-box}body{margin:0;background:#f2f6f5;color:#193c40;font:15px/1.65 'Malgun Gothic',sans-serif}a{color:#16735f;text-underline-offset:4px}header{background:#143d42;color:#fff;min-height:100px;padding:22px max(24px,calc((100vw - 1140px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-size:23px;font-weight:700;white-space:nowrap}.brand img{width:44px;height:44px}.brand small{display:block;font-size:11px;font-weight:400;color:#a4c6c0}.session{display:flex;align-items:center;gap:13px;font-size:13px}.session a{color:#fff;text-decoration:none}.role{color:#a4c6c0;font-size:11px}.session button{margin:0}nav{background:#fff;border-bottom:1px solid #dbe6e1;display:flex;gap:30px;padding:0 max(24px,calc((100vw - 1140px)/2));overflow-x:auto;white-space:nowrap}nav a{padding:18px 0 15px;color:#6c8280;border-bottom:3px solid transparent;text-decoration:none}nav a[aria-current=page]{border-color:#1b826c;color:#166e5b;font-weight:700}main{max-width:1188px;margin:36px auto;padding:0 24px;min-height:65vh}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.page-heading>.muted{text-align:right;margin-bottom:4px}h1{font-size:28px;line-height:1.3;margin:0}h2{font-size:19px;margin:0 0 18px}h3{font-size:15px;margin:0 0 9px}.eyebrow{font-size:10px;letter-spacing:2px;color:#708c83;margin:0 0 8px}.card{background:#fff;border:1px solid #dbe6e1;border-radius:14px;padding:28px;margin-bottom:22px}.muted{color:#6d8280;font-size:13px}.compose-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:24px}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.note{background:#e6f0eb;border-radius:12px;padding:24px;color:#55756a;font-size:13px}.note p{margin:0}.notice{padding:15px 20px;background:#dcf1e7;border-radius:9px;margin-bottom:20px}.error{background:#fff0da;color:#875f29}label{display:block;font-size:13px;color:#52736d;margin:17px 0 6px}input,textarea,select{font:inherit;width:100%;padding:11px 12px;border:1px solid #bdcfca;border-radius:7px;background:#fff;color:#193c40}textarea{resize:vertical;min-height:240px}input:focus,textarea:focus,select:focus{outline:2px solid #b4dcce;outline-offset:2px}button,.button{font:inherit;border:0;background:#187b68;color:white;padding:11px 20px;border-radius:7px;cursor:pointer;margin-top:18px;text-decoration:none;display:inline-block}button:hover,.button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #46b79a;outline-offset:4px}.secondary{background:#e7f0ec;color:#37695c;padding:8px 14px;font-size:13px}.quiet{background:#2a5355;color:#d0e3dd;font-size:12px;padding:7px 12px}.wide{width:100%}.login{max-width:460px;margin:64px auto;padding:36px}.login h1{font-size:25px}.toolbar,.filter{display:flex;gap:12px;align-items:center}.toolbar{justify-content:space-between;margin-bottom:22px;flex-wrap:wrap}.toolbar h2{margin:0}.filter label,.filter button{margin:0}.filter select{width:155px}.filter input[type=number]{width:95px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #e4ece8;padding:17px 10px;text-align:left;vertical-align:top}th{color:#7a8d86;font-size:12px;font-weight:400}.scroll{overflow-x:auto}summary{cursor:pointer}.preview{display:block;color:#70847d;font-size:12px;margin:4px 0 0 15px;max-width:440px;overflow-wrap:anywhere}.badge{display:inline-block;background:#e5f1eb;color:#386e5d;padding:3px 9px;border-radius:5px;white-space:nowrap;font-size:12px}.review{background:#fff0da;color:#96662c}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f3f7f5;border-radius:7px;max-width:620px}.nowrap{white-space:nowrap}.empty{text-align:center;padding:36px 10px;color:#81948e}.pagination{display:flex;justify-content:center;gap:25px;margin-top:24px;font-size:13px}.pagination a{text-decoration:none}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a4b4ad;margin-right:7px}.status-dot.ready{background:#289977}.inline-title{display:inline;font-size:16px}dl{display:grid;grid-template-columns:130px 1fr;gap:12px;margin:24px 0;font-size:13px}dt{color:#799087}dd{margin:0;overflow-wrap:anywhere}.device{padding:18px 0;border-bottom:1px solid #e4ece8}.device .badge{float:right}.device p{margin-bottom:0}.priority{margin-top:22px}.permission-form{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.permission-form button{margin:0}.checkbox{display:flex;align-items:center;gap:7px;white-space:nowrap;margin:0}.checkbox input{width:17px;height:17px;accent-color:#187b68}.new-account>summary{font-size:16px;font-weight:700}footer{text-align:center;padding:30px;color:#8d9f96;font-size:11px}@media(max-width:800px){header{padding:20px}.session .role{display:none}nav{padding:0 20px;gap:24px}main{padding:0 16px;margin-top:24px}.page-heading{display:block}.page-heading>.muted{display:block;text-align:left;margin-top:10px}.compose-grid,.two-column{grid-template-columns:1fr;gap:0}.card{padding:22px}.note{margin-bottom:22px}.permission-form{gap:12px}th,td{padding:14px 8px}.brand small{display:none}.session{gap:9px}.brand{font-size:20px}.brand img{width:36px;height:36px}.session>a{max-width:80px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login{margin-top:35px}.preview{max-width:260px}}

.job-check{width:18px;height:18px;accent-color:#187b68}button:disabled{opacity:.45;cursor:default}nav{gap:24px}
.queue-scroll{max-height:55vh;overscroll-behavior:contain}.queue-scroll th{position:sticky;top:0;background:white;z-index:1}

@media(max-width:600px){nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 12px}nav a{text-align:center;font-size:13px;padding:13px 4px 10px}}
.contact-tools{display:grid;grid-template-columns:1.2fr .8fr .8fr 1.5fr;gap:16px;margin:10px 0 16px}.recipient-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.recipient-toolbar label{margin:0}.recipient-toolbar select{width:auto;max-width:100%}.recipient-toolbar button,.recipient-toolbar form{margin:0}.contact-scroll{max-height:450px;overflow:auto;border:1px solid #e1e9e5;border-radius:9px}.contact-table th{position:sticky;top:0;background:#f0f6f3;z-index:1}.contact-table td{vertical-align:middle}.contact-table .class-list{white-space:pre-line;min-width:190px;max-width:270px;font-size:12px;line-height:1.8}.recipient-option{display:flex;align-items:center;gap:9px;margin:0;cursor:pointer;white-space:nowrap}.recipient-option input{width:18px;height:18px;flex-shrink:0;accent-color:#167968}.contact-table td:first-child{min-width:120px}.contact-table tr[hidden]{display:none}.import-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.import-counts div{background:#edf6f1;padding:18px;border-radius:8px}.import-counts strong{display:block;font-size:25px}.import-counts span{color:#628279}button:disabled{opacity:.45;cursor:not-allowed}#history-query{min-width:150px;max-width:220px}@media(max-width:700px){.contact-tools{grid-template-columns:1fr}.import-counts{grid-template-columns:repeat(2,1fr)}.recipient-toolbar{gap:8px}.contact-scroll{max-height:410px}}
.filter{flex-wrap:wrap;max-width:100%}.filter label{white-space:nowrap}@media(max-width:600px){.toolbar .filter{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr)}.toolbar .filter select,.toolbar .filter input{width:100%;max-width:none!important;min-width:0!important}.toolbar .filter button{grid-column:2}}

#phone{min-height:100px;height:100px}.download-card p{margin:8px 0}.download-card .button{margin-top:14px}

.history-delete-choice,#history-select-all{width:18px;height:18px;min-width:18px;padding:0;margin:0;accent-color:#176f68}.history-table{min-width:720px}.history-table th:first-child{width:34px}

.attachment-editor{margin:20px 0;padding:16px;border:1px solid #dce8e2;border-radius:10px;background:#f8fbf9}.attachment-preview{display:flex;gap:16px;align-items:center;margin-top:14px}.attachment-preview[hidden]{display:none}.attachment-preview img{max-width:150px;max-height:180px;object-fit:contain;border-radius:6px}.attachment-preview span{overflow-wrap:anywhere}.template-loader{padding:0 0 20px;border-bottom:1px solid #e1e9e5;margin-bottom:20px}.template-loader a{margin-left:12px;font-size:13px}.template-card{padding:18px 0;border-bottom:1px solid #e1e9e5}.template-card h3{display:inline;margin-left:10px}.template-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.template-thumb,.history-image{max-width:220px;max-height:220px;object-fit:contain;border-radius:7px;margin-top:12px}.attachment-error{color:#9f3e25!important}@media(max-width:600px){.attachment-preview{align-items:flex-start;flex-direction:column}.attachment-preview img{max-width:100%}}

.storage-table{min-width:680px}.storage-table th:first-child{width:34px}.image-delete-choice,#image-select-all{width:18px;height:18px;min-width:18px;padding:0;margin:0;accent-color:#176f68}.storage-table td:nth-child(3){max-width:250px;overflow-wrap:anywhere}

/* Compose workspace: address book 60%, message editor 40%. */
main{max-width:1560px}header{padding-left:max(24px,calc((100vw - 1512px)/2));padding-right:max(24px,calc((100vw - 1512px)/2))}nav{padding-left:max(24px,calc((100vw - 1512px)/2));padding-right:max(24px,calc((100vw - 1512px)/2))}
.compose-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:stretch}.compose-workspace>.card{min-width:0;margin:0}.compose-address{display:flex;flex-direction:column}.compose-address .contact-scroll{flex:1;min-height:400px;max-height:900px}.compose-address .contact-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compose-message .template-loader{padding-bottom:12px;margin-bottom:12px}.compose-message .template-loader label{margin-top:0}.compose-message textarea#body{min-height:200px}.compose-message #queue-selected{width:100%}.compose-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.compose-info>.card,.compose-info>.note{margin:0}.compose-info p{margin-bottom:10px}
@media(max-width:1050px){.compose-workspace{grid-template-columns:1fr}.compose-address .contact-scroll{min-height:220px;max-height:430px}.compose-info{grid-template-columns:1fr}.compose-workspace>.card{padding:22px}}
@media(max-width:600px){header{padding:20px}nav{padding:0 12px}.compose-address .contact-tools{grid-template-columns:1fr 1fr}.compose-workspace{gap:18px}.compose-info{margin-top:18px;gap:18px}}

/* Make the primary compose and send area easy to find. */
.page-heading:has(.compose-jump)>.muted{margin-left:auto}
.compose-jump{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;padding:10px 17px;border:1px solid #187b68;border-radius:9px;background:#e1f3eb;color:#145b4e;font-size:14px;font-weight:700;text-decoration:none}
.compose-jump:hover{background:#cfeadd}
.compose-workspace>.compose-message{border:2px solid #278672;background:#f4fbf7;box-shadow:0 7px 24px #174d4612}
.compose-banner{display:flex;align-items:center;gap:13px;margin:-28px -28px 25px;padding:23px 25px;background:#155f54;color:#fff;border-radius:11px 11px 0 0}
.compose-banner h2{margin:0;font-size:23px;line-height:1.4;color:#fff;letter-spacing:-.5px}
.compose-banner p{margin:5px 0 0;color:#d7efe6;font-size:13px;line-height:1.6}
.compose-icon{display:grid;place-items:center;flex:0 0 43px;height:43px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff10}
.compose-icon svg{width:27px;height:27px}
.compose-message .compose-body-label{margin-top:25px;font-size:17px;font-weight:700;color:#155f54}
.compose-message textarea#body{border:2px solid #70ac98;padding:15px;background:white;scroll-margin-top:28px}
.compose-message textarea#body::placeholder{color:#647f76;font-size:14px}
.compose-message textarea#body:focus{outline:3px solid #b2ddcb;border-color:#187b68}
.compose-send{margin-top:24px;padding-top:20px;border-top:1px solid #b5d8c8}
.compose-send #recipient-summary{margin:0 0 14px;padding:13px 15px;background:#dff0e7;color:#245b4c;font-size:14px;font-weight:600}
.compose-message #queue-selected{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;min-height:58px;padding:15px 16px;background:#116e56;border-radius:10px;font-size:17px;font-weight:700;box-shadow:0 4px 10px #116e5620}
.compose-message #queue-selected svg{width:22px;height:22px;flex-shrink:0}
.compose-message #queue-selected:disabled{opacity:1;background:#ccdfd5;color:#435f54;box-shadow:none}
.compose-send>p{margin:11px 0 0;text-align:center;color:#527267;font-size:12px}
@media(max-width:1050px){.compose-banner{margin:-22px -22px 23px;padding:22px}}
@media(max-width:800px){.compose-jump{margin-top:15px}.page-heading:has(.compose-jump)>.muted{margin-left:0}}
@media(max-width:600px){.compose-banner{gap:11px;padding:21px 18px}.compose-banner h2{font-size:21px}.compose-banner p{font-size:12px}.compose-icon{flex-basis:38px;height:38px}.compose-message #queue-selected{font-size:16px}.compose-message textarea#body{scroll-margin-top:18px}}

.history-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start}.history-main,.history-recent{min-width:0}.history-recent .toolbar{gap:12px}.history-recent .toolbar h2{font-size:19px}.history-main .history-table{min-width:560px;table-layout:fixed}.history-main .history-admin th:first-child{width:34px}.history-main .history-admin th:nth-child(3){width:70px}.history-main .history-admin th:nth-child(2),.history-main .history-general th:first-child{width:110px}.history-main .history-table th:last-child{width:85px}.history-main .history-table td{overflow-wrap:anywhere}.history-main .preview,.history-main .message-body{max-width:100%}.history-main .history-table th,.history-main .history-table td{padding-left:7px;padding-right:7px}.request-list{list-style:none;padding:0;margin:0}.request-list>li{padding:19px 0;border-top:1px solid #e1e9e5}.request-title{display:flex;justify-content:space-between;gap:12px;font-size:14px}.request-title span{font-size:13px;color:#627e74}.request-list progress{width:100%;height:10px;margin:12px 0 0;accent-color:#187b68}.request-list p{margin:4px 0 10px}.request-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}.request-counts>div{background:#f0f6f3;border-radius:7px;padding:9px 6px;text-align:center}.request-counts dt{font-size:11px;color:#59796d}.request-counts dd{font-size:17px;font-weight:700;margin-top:3px}.variable-guide{margin:12px 0;padding:13px 15px;background:#eef5fb;border:1px solid #cadde9;border-radius:9px;font-size:13px;color:#285368}.variable-guide summary{font-weight:700}.variable-guide p{margin:10px 0 0}.variable-guide code{font:inherit;font-weight:700}.variable-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.variable-buttons button{margin:0;background:white;border:1px solid #bbd0db;color:#285368;padding:6px 10px}
@media(max-width:1100px){.history-workspace{grid-template-columns:1fr}.history-main .card{margin-bottom:0}}@media(max-width:600px){.request-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}