.control-body{margin:0;background:#f3f5f0;color:#203138}
.control-auth{display:grid;grid-template-columns:minmax(300px,44%) 1fr;min-height:100vh}
.control-story,.control-nav{background:#192e36;color:#edf1e7}
.control-story{padding:clamp(30px,6vw,90px);display:flex;flex-direction:column;justify-content:space-between;gap:60px;background:radial-gradient(ellipse at bottom left,#315a50,#192e36 70%)}
.control-story h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,6vw,86px);line-height:1;letter-spacing:-.04em;margin:18px 0}
.control-story p,.control-story small{color:#c6d6cc;line-height:1.6;max-width:350px}
.control-signin{display:grid;place-items:center;padding:40px 24px;background:#fff}
.control-signin>div{width:min(100%,410px)}
.control-signin h1,.control-heading h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;margin:12px 0}
.control-signin form{margin:24px 0}.control-back{display:inline-block;margin-top:16px;color:#315e4d;font-size:13px}
.control-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}
.control-nav{padding:30px 19px;display:flex;flex-direction:column;align-items:stretch;gap:18px}
.control-nav .eyebrow{margin:26px 0 0;color:#c5d4cb}
.control-nav nav{display:grid;gap:8px}
.control-nav button{background:transparent;border:0;border-radius:7px;color:inherit;text-align:left;padding:12px;font:inherit;cursor:pointer}
.control-nav button[aria-current],.control-nav button:hover{background:#dce9bc;color:#1b352d}
.control-nav .control-logout{margin-top:auto}
.control-main{padding:clamp(20px,4vw,58px);max-width:1500px;width:100%;margin:0 auto}
.control-crumb{color:#63746d;font-size:12px}.control-crumb span{padding:0 8px}
.control-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}
.control-heading p,.control-panel p{color:#536761}
.control-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px}
.control-metrics article,.control-panel{background:#fff;border:1px solid #dfe6dc;border-radius:12px}
.control-metrics article{padding:20px;display:grid;gap:12px;color:#526660}
.control-metrics strong{font-size:32px;color:#233a35}
.control-panel-title,.control-settings{padding:24px}.control-panel h2{margin:0 0 6px;font-size:20px}
.control-table{overflow:auto}.control-table table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
.control-table th,.control-table td{padding:15px 16px;border-top:1px solid #e6ebe3}
.control-table th{color:#4c6459;background:#f7f9f5;font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.control-table td small{display:block;color:#586e65;margin-top:4px}
.control-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.control-dialog{color:#203138;border:1px solid #dfe6dc;border-radius:14px;padding:24px;width:min(670px,calc(100vw - 32px));max-height:90vh;box-shadow:0 24px 80px #10282055}
.control-dialog::backdrop{background:#142c38a6}
.control-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.control-dialog-title h2{font-size:24px;margin:0}
.control-dialog fieldset,.smtp-form fieldset{border:1px solid #dce6dc;border-radius:8px;padding:12px 15px 2px;margin:14px 0}
.control-dialog legend,.smtp-form legend{font-size:13px;font-weight:700;padding:0 7px}
.control-form-grid,.smtp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.control-form-grid>.field:first-child:nth-last-child(3){grid-column:1/-1}
.control-dialog p,.smtp-summary{line-height:1.6}
.smtp-form{max-width:720px;margin-top:20px}
.smtp-form .field{min-width:0}
#control-status:empty{display:none}
#control-status{padding:10px 14px;background:#e6eee3;border-radius:7px}
@media(max-width:720px){.control-auth,.control-shell{grid-template-columns:1fr}.control-story{padding:24px;gap:18px}.control-story h2{font-size:38px}.control-nav{gap:10px;padding:14px}.control-nav nav{display:flex}.control-nav .eyebrow{margin:0}.control-nav .control-logout{position:absolute;top:14px;right:10px}.control-heading{align-items:flex-start;flex-direction:column}.control-metrics article{padding:12px}.control-metrics strong{font-size:23px}}
@media(max-width:420px){.control-form-grid,.smtp-fields{grid-template-columns:1fr}}

.control-dialog .field{margin-bottom:10px}
.control-dialog fieldset{margin:10px 0;padding-top:8px}
.control-dialog .form-error:empty,.smtp-form .form-error:empty{display:none}

.control-dialog .control-check{display:flex;align-items:center;gap:9px;margin:3px 0 5px}.control-dialog .control-check input{width:16px;height:16px;flex:0 0 auto}.control-dialog .control-check+p{font-size:12px;margin:0 0 9px}
.control-settings+.control-settings{margin-top:16px}
.control-settings form{max-width:900px;margin-top:20px}
.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.editor-grid fieldset{min-width:0;border:1px solid #e6ebe3;border-radius:8px;padding:14px}
.feature-toggles .control-check{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #e6ebe3;border-radius:7px}
.control-table .mail-reason{white-space:normal;min-width:150px;max-width:320px}
.brand-logo-settings{padding:15px 0}
@media(max-width:640px){.editor-grid{grid-template-columns:1fr}}

.control-settings input[type=color]{height:38px;padding:5px 9px}
@media(max-width:720px){.control-nav nav{flex-wrap:wrap}}

.page-preview{width:min(1280px,calc(100vw - 26px));max-width:none;height:90vh;overflow:hidden;display:flex;flex-direction:column}.page-preview:not([open]){display:none}.page-preview iframe{border:1px solid #dde5dd;border-radius:8px;min-height:0;width:100%;flex:1;background:#fff}.page-preview h2,.page-preview p{margin:0}
.control-library-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}
.control-library-controls label{display:flex;align-items:center;gap:7px}
.control-library-controls input[type=search],.control-library-controls select{padding:8px;border:1px solid #ceded6;border-radius:8px;background:white;color:#153d37}
.control-library-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--line);margin-bottom:22px}
.control-library-tabs .btn{border-radius:0;padding:12px 16px;border-bottom:3px solid transparent}
.control-library-tabs .btn[aria-pressed=true]{border-bottom-color:#48745c;color:#285747;font-weight:700}
.control-library .lms-filters .field{display:block;margin:12px 0}
.control-library .lms-filters select,.control-library-search input{width:100%;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#153d37}
.control-library-search{display:flex;gap:7px;align-items:center;max-width:100%}
.control-library .lms-card-actions .control-library-pick{margin-right:auto;font-size:13px}
.control-library-delete{color:#9c383b}
.control-library-preview video,.control-library-preview img{display:block;max-width:100%;max-height:65vh;margin:12px auto;border-radius:8px}
.control-library-preview video{width:100%}
.control-library-preview li{margin:8px 0}

.flagged-comment { min-width: 180px; max-width: 360px; white-space: pre-wrap; overflow-wrap: anywhere; }
