*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}

:root{
--bg:#f3f6fb;
--bg-soft:#f8fafc;
--surface:#ffffff;
--surface-soft:#f8fbff;
--text:#132238;
--muted:#60708a;
--line:#dbe5f2;
--primary:#2563eb;
--primary-deep:#1d4ed8;
--accent:#20324a;
--warning:#b7791f;
--success:#0f9f6e;
--danger:#dc2626;
--shadow:0 18px 42px rgba(32,50,74,0.08);
--soft-shadow:0 10px 24px rgba(32,50,74,0.06);
--radius:16px;
}

body{
background:linear-gradient(180deg,#f2f6fb 0%,#f8fafc 100%);
color:var(--text);
font-weight:500;
min-width:320px;
}

.dashboard{
display:flex;
min-height:100vh;
}

.sidebar{
width:252px;
background:linear-gradient(180deg,#18283d 0%,#223a55 58%,#1f4e4f 100%);
color:#fff;
padding:24px 18px;
position:sticky;
top:0;
height:100vh;
box-shadow:18px 0 42px rgba(32,50,74,0.16);
overflow:auto;
}

.brand-block{
display:flex;
justify-content:center;
margin-bottom:26px;
padding:8px 6px 18px;
border-bottom:1px solid rgba(255,255,255,0.12);
}

.brand-logo{
width:72px;
height:72px;
border-radius:22px;
object-fit:cover;
box-shadow:0 16px 30px rgba(15,23,42,0.28);
background:rgba(255,255,255,0.12);
}

@media (min-width: 768px){
.brand-logo{
width:207px;
height:auto;
max-width:100%;
border-radius:28px;
}
}

.sidebar ul{
list-style:none;
display:grid;
gap:7px;
}

.sidebar li{
padding:12px 14px;
border-radius:10px;
cursor:pointer;
transition:background 0.2s ease,transform 0.2s ease,color 0.2s ease;
font-weight:600;
color:rgba(255,255,255,0.82);
letter-spacing:0.01em;
}

.sidebar li:hover{
background:rgba(255,255,255,0.1);
transform:translateX(2px);
}

.sidebar li.active{
background:rgba(255,255,255,0.18);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12);
color:#fff;
}

.main{
flex:1;
padding:28px;
display:grid;
gap:22px;
min-width:0;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
padding:24px;
border:1px solid var(--line);
border-radius:var(--radius);
background:rgba(255,255,255,0.92);
box-shadow:var(--soft-shadow);
}

.topbar h3{
font-size:1.7rem;
font-weight:800;
}

.topbar-copy{
margin-top:8px;
color:var(--muted);
line-height:1.6;
max-width:72ch;
}

.login-page{
min-height:100vh;
background:
radial-gradient(circle at top, rgba(37,99,235,0.2), transparent 34%),
linear-gradient(180deg,#0f172a 0%,#172554 100%);
}

.login-shell{
min-height:100vh;
display:grid;
place-items:center;
padding:28px;
}

.login-card{
width:min(460px,100%);
padding:36px;
border-radius:28px;
background:rgba(255,255,255,0.96);
box-shadow:0 28px 80px rgba(15,23,42,0.28);
display:grid;
gap:18px;
text-align:center;
}

.login-card h1{
font-size:2rem;
font-weight:900;
letter-spacing:-0.04em;
}

.login-brand-logo{
width:92px;
height:92px;
margin:0 auto 2px;
border-radius:28px;
object-fit:cover;
box-shadow:0 24px 50px rgba(37,99,235,0.2);
}

.login-copy{
color:var(--muted);
line-height:1.6;
max-width:320px;
margin:0 auto;
}

.login-alert{
padding:14px 16px;
border-radius:16px;
background:rgba(220,38,38,0.1);
border:1px solid rgba(220,38,38,0.16);
color:#b91c1c;
font-weight:700;
}

.login-form{
display:grid;
gap:16px;
text-align:left;
}

.login-submit{
width:100%;
justify-content:center;
padding:16px 20px;
font-size:1rem;
font-weight:800;
margin-top:4px;
}

.topbar-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
align-items:center;
}

.toolbar-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-width:150px;
white-space:nowrap;
}

.notification-trigger{
position:relative;
}

.notification-count{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:26px;
height:26px;
padding:0 8px;
border-radius:999px;
background:#dc2626;
color:#fff;
font-size:0.78rem;
font-weight:700;
line-height:1;
}

.topbar-panel-shell{
display:grid;
gap:18px;
}

.quick-panel{
padding:22px;
}

.hidden-panel{
display:none !important;
}

.app-alert{
padding:16px 18px;
border-radius:18px;
border:1px solid var(--line);
background:rgba(255,255,255,0.9);
box-shadow:var(--shadow);
}

.app-alert strong{
display:block;
margin-bottom:6px;
font-size:1rem;
}

.app-alert p{
color:#41556f;
line-height:1.6;
}

.app-alert.success{
background:rgba(236,253,245,0.95);
border-color:rgba(15,159,110,0.25);
}

.app-alert.success strong{
color:#0f7c59;
}

.app-alert.error{
background:rgba(254,242,242,0.95);
border-color:#fecaca;
}

.app-alert.error strong{
color:#b42318;
}

.app-alert.warning{
background:rgba(255,251,235,0.95);
border-color:#fde68a;
}

.app-alert.warning strong{
color:#a16207;
}

.card{
background:rgba(255,255,255,0.94);
border:1px solid rgba(219,229,242,0.9);
border-radius:var(--radius);
padding:24px;
box-shadow:var(--shadow);
backdrop-filter:blur(8px);
}

.compact-card{
padding:20px;
}

.scheduler-shell{
padding:26px;
}

.scheduler-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:18px;
margin-bottom:18px;
padding-bottom:18px;
border-bottom:1px solid var(--line);
}

.eyebrow{
display:inline-flex;
align-items:center;
padding:6px 12px;
border-radius:999px;
background:rgba(37,99,235,0.1);
color:var(--primary);
font-size:0.78rem;
font-weight:700;
letter-spacing:0.08em;
text-transform:uppercase;
margin-bottom:10px;
}

.scheduler-copy{
margin-top:8px;
color:var(--muted);
line-height:1.65;
max-width:70ch;
font-size:0.95rem;
}

.form-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
margin-bottom:20px;
}

.campaign-grid{
align-items:end;
padding:0;
border-radius:0;
background:transparent;
border:0;
margin-bottom:0;
gap:14px;
}

.campaign-simple{
display:grid;
gap:14px;
}

.campaign-section{
display:grid;
grid-template-columns:220px minmax(0,1fr);
gap:18px;
align-items:start;
padding:18px 0;
border-bottom:1px solid var(--line);
}

.campaign-section:first-child{
padding-top:0;
}

.campaign-section-body{
display:grid;
gap:14px;
min-width:0;
}

.campaign-section-head{
display:flex;
gap:12px;
align-items:flex-start;
}

.campaign-section-head span{
display:inline-flex;
align-items:center;
justify-content:center;
width:28px;
height:28px;
border-radius:8px;
background:#eef4ff;
color:var(--primary);
font-size:0.78rem;
font-weight:900;
flex:0 0 auto;
}

.campaign-section-head h4{
font-size:0.98rem;
font-weight:900;
margin-bottom:4px;
}

.campaign-section-head p,
.category-helper{
color:var(--muted);
font-size:0.88rem;
line-height:1.45;
}

.content-grid,
.type-grid,
.provider-grid,
.delivery-grid{
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}

.category-helper{
grid-column:1 / -1;
padding:11px 12px;
border:1px solid #dbe8f6;
border-radius:10px;
background:#f8fafc;
}

.multi-link-panel{
grid-column:1 / -1;
padding:16px;
border:1px solid rgba(37,99,235,0.22);
border-radius:12px;
background:#f8fbff;
box-shadow:0 10px 20px rgba(32,50,74,0.04);
}

.multi-link-panel label{
font-size:0.92rem;
color:#18324f;
}

.multi-link-amount-panel{
grid-column:1 / -1;
display:grid;
gap:14px;
padding:16px;
border:1px solid rgba(37,99,235,0.16);
border-radius:14px;
background:#f8fbff;
}

.compact-section-header{
margin-bottom:0;
}

.multi-link-amount-config-grid{
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
align-items:end;
}

.control-card{
display:grid;
gap:8px;
padding:12px;
border:1px solid #dbe8f6;
border-radius:12px;
background:#ffffff;
}

.multi-link-range-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.multi-link-amount-actions{
align-self:end;
}

.multi-link-amount-actions button{
width:auto;
margin:0;
}

.multi-link-amount-editor{
display:grid;
gap:10px;
}

.multi-link-amount-row{
display:grid;
grid-template-columns:minmax(0,1fr) 160px;
gap:12px;
align-items:end;
padding:12px;
border:1px solid #dbe8f6;
border-radius:12px;
background:#ffffff;
}

.multi-link-amount-link{
display:grid;
gap:6px;
min-width:0;
}

.multi-link-amount-link strong{
font-size:0.74rem;
text-transform:uppercase;
letter-spacing:0.04em;
color:var(--primary);
}

.multi-link-amount-link span{
word-break:break-all;
color:#18324f;
font-weight:700;
line-height:1.5;
}

.multi-link-amount-field{
display:grid;
gap:8px;
}

.campaign-grid > div{
min-width:0;
}

@media(max-width:1200px){
.campaign-section{
grid-template-columns:1fr;
gap:12px;
}

.content-grid,
.type-grid,
.provider-grid,
.delivery-grid{
grid-template-columns:1fr;
}

.category-helper,
.multi-link-panel{
grid-column:auto;
}

.multi-link-amount-row{
grid-template-columns:1fr;
}
}

.multi-link-panel textarea{
min-height:150px;
font-weight:600;
overflow-y:hidden;
resize:vertical;
}

.multi-link-panel p{
margin-top:9px;
color:#4d6078;
font-size:0.9rem;
line-height:1.5;
font-weight:700;
}

.multi-link-note{
padding:10px 12px;
border:1px solid #f5d9a8;
border-radius:10px;
background:#fff8e8;
color:#9a5a00 !important;
font-size:0.86rem !important;
line-height:1.5;
font-weight:800 !important;
}

.target-mode-note{
padding:10px 12px;
border:1px solid #dbe8f6;
border-radius:10px;
background:#ffffff;
color:#4d6078 !important;
font-size:0.84rem !important;
line-height:1.5;
font-weight:700 !important;
}

.service-availability-note{
margin-top:10px;
padding:10px 12px;
border:1px solid #dbe8f6;
border-radius:10px;
background:#f8fbff;
color:#4d6078;
font-size:0.84rem;
line-height:1.5;
font-weight:700;
}

.instagram-scan-box{
display:grid;
gap:10px;
margin-bottom:14px;
padding:14px;
border:1px solid rgba(15,23,42,0.10);
border-radius:12px;
background:#ffffff;
box-shadow:0 8px 18px rgba(32,50,74,0.05);
}

.instagram-scan-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
}

.instagram-scan-head span{
display:block;
color:var(--primary);
font-size:0.74rem;
font-weight:900;
text-transform:uppercase;
}

.instagram-scan-head strong{
display:block;
margin-top:2px;
font-size:0.96rem;
color:#18324f;
}

.instagram-scan-head button{
width:auto;
margin:0;
padding:9px 14px;
}

.instagram-scan-form{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(120px,150px) auto;
gap:10px;
align-items:center;
}

.instagram-scan-form input{
margin:0;
}

.scan-count-field{
display:grid;
gap:6px;
margin:0;
}

.scan-count-field span{
color:#18324f;
font-size:0.75rem;
font-weight:900;
text-transform:uppercase;
}

.scan-count-field input{
margin:0;
}

.instagram-scan-form button{
width:auto;
margin:0;
white-space:nowrap;
}

.instagram-cookie-panel{
margin:0;
padding:10px 12px;
border:1px dashed #cbd5e1;
border-radius:10px;
background:#f8fafc;
}

.instagram-cookie-panel summary{
cursor:pointer;
color:#18324f;
font-size:0.82rem;
font-weight:900;
list-style:none;
}

.instagram-cookie-panel summary::-webkit-details-marker{
display:none;
}

.instagram-cookie-panel[open] summary{
margin-bottom:10px;
}

.instagram-cookie-panel label{
margin-bottom:6px;
}

.instagram-cookie-panel input{
margin:0 0 8px;
}

.instagram-cookie-panel small{
display:block;
color:#64748b;
font-size:0.78rem;
font-weight:800;
line-height:1.45;
}

.instagram-scan-status{
padding:9px 10px;
border-radius:9px;
background:#f8fafc;
color:#4d6078;
font-size:0.82rem;
font-weight:800;
line-height:1.45;
}

.instagram-scan-status[data-tone="success"]{
background:#ecfdf5;
color:#047857;
}

.instagram-scan-status[data-tone="warning"]{
background:#fffbeb;
color:#92400e;
}

.instagram-scan-status[data-tone="error"]{
background:#fef2f2;
color:#b91c1c;
}

.instagram-scan-help{
display:grid;
gap:8px;
padding:12px;
border:1px solid #fed7aa;
border-radius:10px;
background:#fff7ed;
}

.instagram-scan-help strong{
color:#9a3412;
font-size:0.84rem;
}

.instagram-scan-help p{
margin:0;
color:#9a3412;
font-size:0.8rem;
font-weight:800;
line-height:1.5;
}

.instagram-scan-help-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.instagram-scan-help-actions button{
width:auto;
margin:0;
}

.instagram-scan-results{
display:grid;
gap:8px;
max-height:220px;
overflow:auto;
}

.instagram-scan-results:empty{
display:none;
}

.instagram-scan-result{
display:grid;
grid-template-columns:auto minmax(0,1fr);
gap:10px;
align-items:start;
padding:10px;
border:1px solid #e2e8f0;
border-radius:10px;
background:#f8fafc;
margin:0;
}

.instagram-scan-result input{
width:auto;
margin:2px 0 0;
}

.instagram-scan-result b,
.instagram-scan-result small{
display:block;
}

.scan-result-meta{
display:grid;
grid-template-columns:72px minmax(0,1fr);
gap:10px;
align-items:start;
}

.scan-result-thumb{
width:72px;
height:96px;
object-fit:cover;
border-radius:8px;
border:1px solid #dbe4ee;
background:#e2e8f0;
}

.scan-result-text{
display:grid;
gap:5px;
min-width:0;
}

.instagram-scan-result b{
font-size:0.8rem;
color:#18324f;
}

.instagram-scan-result small{
margin-top:2px;
color:#64748b;
font-size:0.78rem;
font-weight:800;
line-height:1.35;
word-break:break-word;
}

.instagram-scan-result em{
display:block;
margin-top:6px;
color:#334155;
font-size:0.8rem;
font-style:normal;
font-weight:700;
line-height:1.45;
}

.scan-result-subline{
display:flex;
flex-wrap:wrap;
gap:8px;
color:#475569;
font-size:0.76rem;
font-weight:800;
}

.scan-result-stats{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:2px;
}

.scan-result-stats span{
display:inline-flex;
align-items:center;
padding:4px 7px;
border-radius:999px;
background:#eef4ff;
color:#1d4ed8;
font-size:0.72rem;
font-weight:900;
line-height:1;
}

.multi-link-services-panel{
display:grid;
gap:18px;
background:#ffffff;
}

.multi-builder-hero{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:18px;
padding:18px;
border:1px solid rgba(37,99,235,0.18);
border-radius:14px;
background:linear-gradient(135deg,#f8fbff 0%,#ffffff 58%,#f2fbf7 100%);
}

.multi-builder-hero h3{
font-size:1.35rem;
line-height:1.2;
}

.multi-builder-steps{
display:grid;
gap:8px;
min-width:190px;
}

.multi-builder-steps span{
display:flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:8px 12px;
border:1px solid rgba(15,23,42,0.08);
border-radius:9px;
background:#fff;
color:#18324f;
font-size:0.8rem;
font-weight:900;
box-shadow:0 8px 18px rgba(32,50,74,0.06);
}

.multi-link-service-list{
display:grid;
gap:18px;
}

.multi-template-shell{
margin-top:0;
}

.multi-template-copy{
display:block;
margin-top:8px;
color:#64748b;
font-size:0.78rem;
font-weight:800;
line-height:1.45;
}

.multi-empty-state{
display:grid;
gap:8px;
padding:22px;
border:1px dashed rgba(37,99,235,0.32);
border-radius:14px;
background:#f8fbff;
}

.multi-empty-state span{
width:max-content;
padding:5px 9px;
border-radius:999px;
background:#eaf3ff;
color:var(--primary);
font-size:0.74rem;
font-weight:900;
text-transform:uppercase;
}

.multi-empty-state strong{
font-size:1.04rem;
}

.multi-empty-state small{
color:#4d6078;
font-weight:800;
line-height:1.5;
}

.multi-link-service-block{
padding:16px;
border:1px solid rgba(15,23,42,0.10);
border-radius:16px;
background:#f8fafc;
box-shadow:0 12px 28px rgba(32,50,74,0.06);
}

.multi-link-service-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
margin-bottom:14px;
padding:14px;
border:1px solid rgba(15,23,42,0.08);
border-radius:12px;
background:#ffffff;
}

.multi-link-service-head span{
display:inline-flex;
width:max-content;
padding:6px 10px;
border-radius:8px;
background:#0f172a;
color:#fff;
font-size:0.74rem;
font-weight:900;
letter-spacing:0;
}

.multi-link-service-head strong{
display:block;
margin-top:8px;
font-size:0.94rem;
line-height:1.45;
word-break:break-word;
color:#18324f;
}

.multi-link-head-meta{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
min-width:170px;
}

.multi-link-head-side{
display:grid;
gap:10px;
justify-items:end;
min-width:170px;
}

.multi-link-quick-stats{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px;
}

.multi-link-quick-stats b{
display:inline-flex;
align-items:center;
min-height:30px;
padding:6px 10px;
border-radius:999px;
background:#eff6ff;
color:#1d4ed8;
font-size:0.75rem;
font-weight:900;
}

.multi-link-head-meta b{
display:inline-flex;
align-items:center;
min-height:30px;
padding:6px 10px;
border-radius:999px;
background:#ecfdf5;
color:#047857;
font-size:0.75rem;
font-weight:900;
}

.multi-link-metric-grid{
display:grid;
grid-template-columns:repeat(3,minmax(220px,1fr));
gap:12px;
}

.multi-metric-card{
display:grid;
align-content:start;
gap:10px;
padding:13px;
border:1px solid rgba(15,23,42,0.10);
border-radius:12px;
background:#fff;
box-shadow:0 8px 18px rgba(32,50,74,0.04);
}

.multi-metric-head{
display:flex;
align-items:center;
gap:10px;
min-height:42px;
padding-bottom:10px;
border-bottom:1px solid #edf2f7;
}

.metric-letter{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:9px;
background:#f1f5f9;
color:#0f172a;
font-size:0.82rem;
font-weight:900;
}

.multi-metric-card h4{
font-size:0.96rem;
font-weight:900;
line-height:1.15;
}

.multi-metric-head small{
display:block;
margin-top:2px;
color:#64748b;
font-size:0.76rem;
font-weight:800;
}

.mini-field{
display:grid;
gap:5px;
margin:0;
}

.mini-field span{
color:#4d6078;
font-size:0.74rem;
font-weight:900;
text-transform:uppercase;
}

.multi-metric-card input,
.multi-metric-card select,
.multi-metric-card textarea{
margin:0;
}

.multi-custom-actions{
display:grid;
gap:8px;
}

.multi-custom-actions small{
color:#4d6078;
font-size:0.82rem;
font-weight:800;
line-height:1.4;
}

.draft-target-banner{
padding:14px 16px;
margin-bottom:16px;
border:1px solid rgba(37,99,235,0.22);
border-radius:12px;
background:#f8fbff;
}

.draft-target-banner span{
display:block;
font-size:0.76rem;
font-weight:900;
text-transform:uppercase;
color:var(--primary);
margin-bottom:5px;
}

.draft-target-banner strong{
display:block;
font-size:0.96rem;
line-height:1.45;
word-break:break-word;
}

.draft-target-banner p{
margin-top:5px;
color:#4d6078;
line-height:1.45;
font-size:0.9rem;
}

.draft-active-target{
border-color:rgba(37,99,235,0.55) !important;
box-shadow:0 0 0 4px rgba(37,99,235,0.08), 0 12px 28px rgba(32,50,74,0.08);
}

label{
font-size:0.82rem;
font-weight:700;
display:block;
margin-bottom:8px;
color:#314257;
letter-spacing:0.01em;
}

.field-note{
margin-top:8px;
font-size:0.82rem;
line-height:1.45;
color:var(--muted);
}

input,select,textarea{
width:100%;
padding:12px 14px;
border:1px solid var(--line);
border-radius:10px;
font-size:0.95rem;
background:#fff;
color:var(--text);
transition:border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease;
font-weight:600;
}

input:focus,select:focus,textarea:focus{
outline:none;
border-color:rgba(37,99,235,0.42);
box-shadow:0 0 0 4px rgba(37,99,235,0.1);
transform:translateY(-1px);
}

textarea{
min-height:120px;
resize:vertical;
}

.form-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:18px;
}

button{
border:none;
border-radius:10px;
padding:12px 18px;
font-size:0.94rem;
font-weight:800;
cursor:pointer;
transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;
}

.primary-btn,
.secondary-btn,
.ghost-btn,
.danger-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
text-decoration:none;
line-height:1.2;
border-radius:10px;
padding:12px 18px;
font-size:0.94rem;
font-weight:800;
cursor:pointer;
}

button:hover{
transform:translateY(-1px);
}

.primary-btn{
background:linear-gradient(135deg,var(--primary),var(--primary-deep));
color:white;
box-shadow:0 12px 24px rgba(37,99,235,0.18);
}

.primary-btn:hover{
background:linear-gradient(135deg,#1f5ae0,#1b46c6);
}

.secondary-btn{
background:linear-gradient(135deg,#0f9f6e,#0b7d56);
color:white;
box-shadow:0 12px 24px rgba(15,159,110,0.16);
}

.ghost-btn{
background:#eef4ff;
color:#1f3b63;
border:1px solid #c8d7ef;
}

.dashboard-stats{
align-items:stretch;
}

.stat-link{
text-decoration:none;
color:inherit;
transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}

.stat-link:hover{
transform:translateY(-2px);
border-color:rgba(37,99,235,0.28);
box-shadow:0 16px 32px rgba(32,50,74,0.1);
}

.stat-card small{
display:block;
margin-top:10px;
color:var(--muted);
line-height:1.45;
font-size:0.84rem;
}

.workflow-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
}

.workflow-card{
display:grid;
gap:8px;
padding:18px;
min-height:156px;
border:1px solid var(--line);
border-radius:var(--radius);
background:#fff;
box-shadow:var(--soft-shadow);
text-decoration:none;
color:inherit;
transition:transform 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease;
}

.workflow-card:hover{
transform:translateY(-2px);
border-color:rgba(15,159,110,0.28);
box-shadow:0 16px 32px rgba(32,50,74,0.1);
}

.workflow-card span{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:10px;
background:#eef4ff;
color:var(--primary);
font-weight:900;
font-size:0.82rem;
}

.workflow-card strong{
font-size:1.05rem;
font-weight:900;
}

.workflow-card p{
color:var(--muted);
line-height:1.55;
font-size:0.92rem;
}

.workflow-card.active-flow{
background:linear-gradient(180deg,#f7fbff 0%,#f3fcf7 100%);
border-color:rgba(15,159,110,0.25);
}

.auto-engine-shell{
display:grid;
gap:20px;
margin-top:18px;
padding-top:6px;
}

.auto-hero{
display:flex;
justify-content:space-between;
gap:18px;
align-items:flex-start;
padding:22px;
border-radius:22px;
background:linear-gradient(135deg,#e9f1ff 0%,#f9fcff 55%,#eefbf5 100%);
border:1px solid #d8e5fa;
}

.auto-hero-stats{
display:grid;
grid-template-columns:repeat(2,minmax(180px,1fr));
gap:12px;
min-width:360px;
}

.hero-stat{
padding:16px;
border-radius:18px;
background:rgba(255,255,255,0.78);
border:1px solid rgba(255,255,255,0.9);
}

.hero-stat span{
display:block;
font-size:0.76rem;
text-transform:uppercase;
letter-spacing:0.08em;
color:var(--muted);
margin-bottom:8px;
}

.hero-stat strong{
font-size:1rem;
line-height:1.45;
}

.auto-config-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
padding:18px;
border-radius:20px;
background:#f9fbff;
border:1px solid var(--line);
}

.auto-actions{
margin-top:0;
}

.auto-sections{
display:grid;
gap:18px;
}

.auto-edit-card,
.dashboard-card,
.chart-card,
.interval-card{
padding:22px;
}

.section-header{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:14px;
margin-bottom:16px;
}

.section-header h4{
font-size:1.08rem;
margin-bottom:6px;
font-weight:800;
}

.section-header p{
color:var(--muted);
line-height:1.6;
}

.edit-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:12px;
}

.edit-field{
padding:14px;
border-radius:18px;
background:var(--surface-soft);
border:1px solid var(--line);
}

.metric-service-grid,
.engagement-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
}

.eng-card{
border:1px solid var(--line);
padding:18px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);
box-shadow:0 10px 24px rgba(15,23,42,0.04);
}

.eng-card h4{
font-size:1rem;
margin-bottom:10px;
font-weight:800;
}

.eng-card strong{
font-size:1.3rem;
color:var(--primary);
}

.eng-card input,
.eng-card select{
margin-bottom:10px;
}

.compact-engagement-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.compact-eng-card{
padding:16px;
gap:10px;
display:grid;
align-content:start;
}

.checkbox-title{
display:flex;
align-items:center;
gap:10px;
margin-bottom:2px;
}

.auto-dashboard-grid{
display:grid;
grid-template-columns:1fr 1.2fr;
gap:18px;
}

.auto-control-grid,
.auto-forecast-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:14px;
margin-top:18px;
}

.control-card,
.forecast-card{
padding:16px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
border:1px solid var(--line);
box-shadow:0 10px 24px rgba(15,23,42,0.04);
}

.control-card label,
.forecast-card span{
display:block;
font-size:0.78rem;
color:var(--muted);
margin-bottom:10px;
text-transform:uppercase;
letter-spacing:0.06em;
font-weight:700;
}

.forecast-card strong{
display:block;
font-size:1.2rem;
font-weight:800;
margin-bottom:6px;
}

.forecast-card small{
color:#4f6481;
line-height:1.5;
display:block;
}

.template-shell{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:14px;
align-items:stretch;
}

.template-shell .control-card{
flex:1 1 280px;
}

.template-actions{
justify-content:flex-start;
align-items:flex-end;
}

.auto-advanced-grid{
grid-template-columns:1fr 1fr;
}

.auto-insights-grid{
grid-template-columns:1fr 1fr;
}

.scorecard-grid,
.timeline-preview-grid{
display:grid;
gap:12px;
}

.timeline-summary-bar{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.timeline-summary-chip{
min-width:120px;
padding:12px 14px;
border-radius:16px;
background:var(--surface-soft);
border:1px solid var(--line);
}

.timeline-summary-chip span{
display:block;
font-size:0.72rem;
color:var(--muted);
text-transform:uppercase;
letter-spacing:0.06em;
margin-bottom:6px;
font-weight:700;
}

.timeline-summary-chip strong{
display:block;
font-size:1rem;
font-weight:800;
}

.timeline-table-wrap{
max-height:340px;
overflow:auto;
border:1px solid var(--line);
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.timeline-compact-table{
width:100%;
border-collapse:collapse;
min-width:620px;
}

.timeline-compact-table th,
.timeline-compact-table td{
padding:12px 14px;
text-align:left;
border-bottom:1px solid rgba(132,145,166,0.18);
font-size:0.92rem;
}

.timeline-compact-table thead th{
position:sticky;
top:0;
z-index:1;
background:#f8fbff;
font-size:0.75rem;
text-transform:uppercase;
letter-spacing:0.06em;
color:var(--muted);
font-weight:800;
}

.timeline-gap-row td{
text-align:center;
font-size:0.82rem;
font-weight:700;
color:var(--muted);
background:rgba(148,163,184,0.08);
}

.diagnostics-card{
margin-top:16px;
}

.diagnostic-chip-row{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:4px;
}

.diagnostic-chip{
min-width:120px;
padding:12px 14px;
border-radius:16px;
background:var(--surface-soft);
border:1px solid var(--line);
}

.diagnostic-chip span{
display:block;
font-size:0.72rem;
color:var(--muted);
text-transform:uppercase;
letter-spacing:0.06em;
margin-bottom:6px;
font-weight:700;
}

.diagnostic-chip strong{
display:block;
font-size:1rem;
font-weight:800;
}

.diagnostic-list{
margin:14px 0 0;
padding-left:18px;
color:#4f6481;
display:grid;
gap:8px;
}

.insight-stat-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.scorecard-item,
.timeline-item,
.insight-stat{
padding:16px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
border:1px solid var(--line);
}

.scorecard-item span,
.timeline-top span{
display:block;
font-size:0.78rem;
color:var(--muted);
margin-bottom:8px;
text-transform:uppercase;
letter-spacing:0.06em;
}

.scorecard-item strong{
display:block;
font-size:1.2rem;
font-weight:800;
margin-bottom:6px;
}

.insight-stat span{
display:block;
font-size:0.78rem;
color:var(--muted);
margin-bottom:8px;
text-transform:uppercase;
letter-spacing:0.06em;
}

.insight-stat strong{
display:block;
font-size:1.18rem;
font-weight:800;
}

.scorecard-item small,
.timeline-item p{
color:#4f6481;
line-height:1.55;
display:block;
}

.timeline-top{
display:flex;
justify-content:space-between;
gap:12px;
margin-bottom:8px;
align-items:flex-start;
}

.timeline-top strong{
font-size:1rem;
font-weight:800;
}

.interval-table-shell{
overflow:auto;
margin-bottom:14px;
}

.interval-edit-table{
width:100%;
min-width:780px;
border-collapse:collapse;
}

.interval-edit-table th,
.interval-edit-table td{
padding:10px;
border-bottom:1px solid var(--line);
font-size:0.84rem;
text-align:left;
}

.interval-edit-table input{
margin:0;
min-width:90px;
}

.engine-note{
margin-top:14px;
padding:16px 18px;
border-radius:18px;
background:linear-gradient(135deg,rgba(37,99,235,0.08),rgba(15,159,110,0.08));
border:1px solid rgba(37,99,235,0.14);
color:#284464;
font-weight:600;
line-height:1.6;
}

.summary-metric-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.summary-metric{
padding:16px;
border-radius:18px;
background:var(--surface-soft);
border:1px solid var(--line);
}

.compact-stat-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
}

.mini-stat-card,
.compact-note-card{
padding:16px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
border:1px solid var(--line);
box-shadow:0 10px 20px rgba(15,23,42,0.04);
}

.mini-stat-card span,
.compact-note-card span{
display:block;
font-size:0.78rem;
color:var(--muted);
margin-bottom:8px;
text-transform:uppercase;
letter-spacing:0.06em;
}

.mini-stat-card strong,
.compact-note-card strong{
display:block;
font-size:1.35rem;
margin-bottom:4px;
}

.compact-note-card small{
color:#4f6481;
line-height:1.55;
display:block;
}

.compact-stack{
gap:14px;
}

.soft-field{
padding:14px;
border-radius:18px;
background:#f9fbff;
border:1px solid var(--line);
}

.summary-metric span{
display:block;
font-size:0.8rem;
color:var(--muted);
margin-bottom:8px;
}

.summary-metric strong{
display:block;
font-size:1.18rem;
margin-bottom:4px;
font-weight:800;
}

.summary-metric small{
color:#4f6481;
}

.phase-detail-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.phase-card{
padding:16px;
border-radius:18px;
background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
border:1px solid var(--line);
position:relative;
overflow:hidden;
}

.phase-card::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
border-radius:999px;
}

.phase-card.test::before{background:#60a5fa;}
.phase-card.growth::before{background:#34d399;}
.phase-card.peak::before{background:#f59e0b;}
.phase-card.decay::before{background:#fb7185;}

.phase-card h5{
font-size:1rem;
margin-bottom:8px;
}

.phase-meta,
.phase-stats{
display:grid;
gap:8px;
}

.phase-meta{
grid-template-columns:repeat(3,minmax(0,1fr));
margin-bottom:10px;
}

.phase-stats{
grid-template-columns:repeat(5,minmax(0,1fr));
}

.phase-meta div,
.phase-stats div{
padding:10px;
border-radius:12px;
background:#f5f8ff;
font-size:0.86rem;
}

.phase-meta span,
.phase-stats span{
display:block;
font-size:0.72rem;
color:var(--muted);
margin-bottom:4px;
}

.chart-wrap{
height:360px;
}

.interval-card.hidden-panel{
display:none;
}

.recent-order-list{
display:grid;
gap:16px;
}

.recent-order-item{
padding:18px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
border:1px solid var(--line);
display:grid;
gap:14px;
}

.recent-order-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
}

.recent-order-select{
display:inline-flex;
align-items:center;
gap:8px;
font-size:0.82rem;
color:#425874;
white-space:nowrap;
}

.recent-order-select input{
width:auto;
margin:0;
transform:none;
box-shadow:none;
}

.recent-bulk-actions{
justify-content:flex-end;
}

.recent-order-head strong{
display:block;
margin-bottom:6px;
font-size:1rem;
}

.recent-order-head p{
color:var(--muted);
line-height:1.5;
word-break:break-all;
}

.recent-order-meta{
display:flex;
flex-wrap:wrap;
gap:10px;
}

.recent-order-meta span{
padding:7px 10px;
border-radius:999px;
background:#f2f6ff;
border:1px solid var(--line);
font-size:0.82rem;
color:#304562;
}

.recent-order-edit{
border-top:1px solid var(--line);
padding-top:14px;
}

.compact-details{
border-top:none;
padding-top:0;
}

.recent-order-edit summary{
cursor:pointer;
font-weight:700;
color:#1f3b63;
list-style:none;
}

.recent-order-edit summary::-webkit-details-marker{
display:none;
}

.recent-order-edit summary::after{
content:"+";
float:right;
font-size:1rem;
}

.recent-order-edit[open] summary::after{
content:"-";
}

.recent-order-edit form{
margin-top:14px;
}

.recent-edit-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.table-primary{
font-weight:700;
line-height:1.45;
margin-bottom:4px;
}

.table-secondary{
font-size:0.83rem;
color:#5b6d86;
line-height:1.55;
word-break:break-word;
}

.table-gap-top{
margin-top:8px;
}

.table-tag,
.mono-chip{
display:inline-flex;
align-items:center;
padding:7px 10px;
border-radius:999px;
border:1px solid var(--line);
background:#f5f8ff;
font-size:0.8rem;
color:#304562;
}

.mono-chip{
font-family:Consolas,monospace;
}

.inline-chip-row{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:8px;
}

.response-snippet{
max-height:96px;
overflow:auto;
padding:12px;
border-radius:14px;
background:#f7fbff;
border:1px solid var(--line);
font-family:Consolas,monospace;
font-size:0.8rem;
line-height:1.55;
color:#304562;
white-space:pre-wrap;
word-break:break-word;
}

.interval-preview-grid{
display:grid;
gap:10px;
max-height:420px;
overflow:auto;
padding-right:4px;
}

.interval-item{
padding:14px 16px;
border-radius:16px;
background:#f8fbff;
border:1px solid var(--line);
}

.interval-item strong{
display:block;
margin-bottom:6px;
}

.interval-meta-row{
display:flex;
gap:8px;
flex-wrap:wrap;
margin:8px 0 10px;
}

.interval-meta-row span{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:#f2f6ff;
border:1px solid var(--line);
font-size:0.78rem;
color:#3c5270;
}

.interval-line{
font-family:Consolas,monospace;
color:#304562;
line-height:1.65;
font-size:0.88rem;
}

#allServicePanel,
#customCommentPanel,
#autoPanel{
display:none;
}

.custom-comment-panel{
margin-top:18px;
}

table{
width:100%;
border-collapse:collapse;
}

th,td{
padding:10px;
border-bottom:1px solid #eee;
font-size:13px;
}

.engagement-tags span{
background:#eef2ff;
padding:4px 8px;
border-radius:4px;
margin-right:6px;
}

.status{
padding:4px 8px;
border-radius:4px;
font-size:12px;
}

.running{
background:#bbf7d0;
}

.icon-btn{
border:none;
background:#e2e8f0;
padding:6px 8px;
border-radius:5px;
cursor:pointer;
margin-right:4px;
}

.icon-btn.danger{
background:#fecaca;
}

.page-hero{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:18px;
padding:24px;
border-radius:22px;
background:linear-gradient(135deg,#edf4ff 0%,#ffffff 55%,#eefbf5 100%);
border:1px solid #d9e7fb;
box-shadow:var(--shadow);
}

.page-hero h1,
.page-hero h3{
font-size:1.65rem;
letter-spacing:-0.03em;
margin-bottom:8px;
font-weight:900;
}

.page-hero p{
color:var(--muted);
line-height:1.55;
max-width:56ch;
font-size:0.96rem;
}

.hero-badge-row{
display:grid;
grid-template-columns:repeat(2,minmax(180px,1fr));
gap:12px;
min-width:360px;
}

.hero-badge{
padding:16px;
border-radius:18px;
background:rgba(255,255,255,0.82);
border:1px solid rgba(255,255,255,0.95);
}

.hero-badge span{
display:block;
font-size:0.78rem;
text-transform:uppercase;
letter-spacing:0.08em;
color:var(--muted);
margin-bottom:8px;
}

.hero-badge strong{
font-size:1rem;
line-height:1.5;
font-weight:800;
}

.stack-grid{
display:grid;
gap:18px;
}

.two-col{
display:grid;
grid-template-columns:1.1fr 0.9fr;
gap:18px;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
}

.stat-card{
padding:18px;
border-radius:18px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
border:1px solid var(--line);
box-shadow:0 10px 20px rgba(15,23,42,0.04);
}

.stat-card span{
display:block;
font-size:0.8rem;
color:var(--muted);
margin-bottom:8px;
}

.stat-card strong{
display:block;
font-size:1.5rem;
letter-spacing:-0.03em;
font-weight:900;
}

.table-shell{
overflow:auto;
}

.table-shell table{
min-width:720px;
}

.table-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
margin-bottom:16px;
}

.tracking-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:16px;
}

.table-head p{
color:var(--muted);
line-height:1.6;
}

.status-badge{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
font-size:0.78rem;
font-weight:700;
}

.status-badge.active{
background:rgba(15,159,110,0.12);
color:#0f7c59;
}

.status-badge.disabled{
background:rgba(220,38,38,0.12);
color:#b42318;
}

.inline-form-actions,
.danger-row{
display:flex;
flex-wrap:wrap;
gap:12px;
}

.danger-row form{
margin:0;
}

.search-inline{
display:flex;
align-items:center;
gap:12px;
padding:16px 18px;
border-radius:18px;
background:#f9fbff;
border:1px solid var(--line);
}

.search-inline input{
margin-bottom:0;
}

.danger-btn{
background:#dc2626;
color:white;
}

.danger-btn:hover{
background:#b91c1c;
}

.service-pill-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}

.service-pill{
padding:8px 10px;
border-radius:12px;
background:#f5f8ff;
border:1px solid var(--line);
font-size:0.84rem;
color:#304562;
}

.notification-list{
display:grid;
gap:12px;
}

.notification-item{
padding:16px;
border-radius:18px;
border:1px solid var(--line);
background:#f9fbff;
}

.notification-item.error{
background:rgba(254,242,242,0.9);
border-color:#fecaca;
}

.notification-item.warning{
background:rgba(255,251,235,0.95);
border-color:#fde68a;
}

.notification-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:16px;
margin-bottom:8px;
}

.notification-top span{
font-size:0.78rem;
color:var(--muted);
white-space:nowrap;
}

.notification-item p{
color:#41556f;
line-height:1.6;
}

.clean-copy{
max-width:48ch;
}

.comment-draft-card{
margin-top:18px;
}

.comment-mode-toggle{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:12px 0 16px;
}

.comment-mode-option{
display:inline-flex;
align-items:center;
gap:8px;
width:auto;
padding:10px 14px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbff;
font-weight:800;
color:#304562;
}

.comment-mode-option input{
width:auto;
margin:0;
}

.ai-comment-open{
margin-top:8px;
}

.draft-grid{
grid-template-columns:2fr 1fr 1fr;
}

.draft-output-grid,
.saved-draft-list{
display:grid;
gap:12px;
margin-top:16px;
}

.transcript-tools{
display:grid;
grid-template-columns:2fr 1fr;
gap:14px;
align-items:end;
margin:6px 0 14px;
padding:14px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbff;
}

.draft-mix-panel{
margin:12px 0 14px;
padding:14px;
border:1px solid var(--line);
border-radius:14px;
background:#ffffff;
}

.draft-mix-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:12px;
}

.draft-mix-grid input{
margin-bottom:0;
}

.review-queue-controls{
display:grid;
grid-template-columns:2fr 1fr;
gap:14px;
margin:14px 0;
padding:14px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbff;
}

.transcript-tool-actions{
display:grid;
gap:8px;
}

.transcript-tool-actions small{
color:var(--muted);
line-height:1.45;
}

.draft-comment-item{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:start;
gap:12px;
padding:12px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbff;
}

.draft-comment-index{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:38px;
height:34px;
border-radius:999px;
background:white;
border:1px solid var(--line);
font-weight:800;
color:#304562;
}

.draft-comment-input{
min-height:58px;
margin-bottom:0;
resize:vertical;
}

.draft-remove-btn{
white-space:nowrap;
}

.saved-drafts-wrap{
margin-top:18px;
}

.compact-section-header{
margin-bottom:10px;
}

.saved-draft-item{
display:flex;
justify-content:space-between;
align-items:center;
gap:14px;
padding:12px;
border:1px solid var(--line);
border-radius:14px;
background:white;
}

.saved-draft-item strong,
.saved-draft-item small{
display:block;
}

.saved-draft-item small{
margin-top:4px;
color:var(--muted);
}

.review-comment-list{
display:grid;
gap:14px;
}

.review-comment-item{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:14px;
align-items:start;
padding:14px;
border:1px solid var(--line);
border-radius:14px;
background:#f9fbff;
}

.review-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:8px;
}

.review-meta span{
display:inline-flex;
padding:5px 8px;
border-radius:999px;
background:white;
border:1px solid var(--line);
font-size:0.78rem;
font-weight:800;
color:#304562;
}

.review-comment-text{
line-height:1.6;
color:#24364f;
}

@media(max-width:1200px){
.auto-dashboard-grid,
.auto-control-grid,
.auto-forecast-grid,
.auto-hero{
grid-template-columns:1fr;
display:grid;
}

.auto-hero-stats{
min-width:0;
grid-template-columns:1fr 1fr;
}

.edit-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}

.stats-grid,
.two-col,
.compact-stat-grid,
.workflow-grid,
.hero-badge-row,
.auto-advanced-grid,
.auto-insights-grid{
grid-template-columns:1fr 1fr;
}

.compact-engagement-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.draft-grid{
grid-template-columns:1fr 1fr;
}

.draft-mix-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:900px){
.sidebar{
display:none;
}

.main{
padding:18px;
}

.form-grid,
.engagement-grid,
.multi-link-metric-grid,
.metric-service-grid,
.auto-control-grid,
.auto-forecast-grid,
.summary-metric-grid,
.phase-detail-grid,
.stats-grid,
.compact-stat-grid,
.two-col,
.workflow-grid,
.auto-advanced-grid,
.auto-insights-grid,
.hero-badge-row,
.service-pill-grid,
.insight-stat-grid,
.phase-meta,
.phase-stats{
grid-template-columns:1fr;
}

.campaign-section{
grid-template-columns:1fr;
gap:12px;
}

.category-helper{
grid-column:auto;
}

.multi-link-panel{
grid-column:auto;
}

.edit-grid{
grid-template-columns:1fr 1fr;
}

.topbar,
.scheduler-head,
.page-hero,
.table-head,
.recent-order-head,
.tracking-toolbar{
flex-direction:column;
align-items:flex-start;
}

.auto-hero-stats{
grid-template-columns:1fr;
}

.compact-engagement-grid{
grid-template-columns:1fr;
}

.draft-grid,
.draft-comment-item,
.transcript-tools,
.draft-mix-grid,
.review-queue-controls,
.review-comment-item{
grid-template-columns:1fr;
}

.saved-draft-item{
align-items:flex-start;
flex-direction:column;
}
}

@media(max-width:640px){
.card,
.scheduler-shell,
.auto-edit-card,
.dashboard-card,
.chart-card,
.interval-card{
padding:18px;
}

.edit-grid{
grid-template-columns:1fr;
}

.form-actions{
flex-direction:column;
}

.topbar-actions,
.inline-form-actions{
width:100%;
flex-direction:column;
}

button{
width:100%;
}
}

.multi-custom-actions{
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
}

.multiAiButton.icon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
min-width:34px;
height:30px;
margin:0;
padding:0;
border:1px solid rgba(37,99,235,0.24);
border-radius:8px;
background:#eaf3ff;
color:var(--primary);
font-size:0.76rem;
font-weight:900;
letter-spacing:0;
}

.multi-inline-draft-host{
grid-column:1 / -1;
}

.multi-inline-draft-host:empty{
display:none;
}

.multi-tools-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:16px;
margin-top:18px;
}

.multi-tool-card{
padding:16px;
}

.toggle-card{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
padding:12px 14px;
border:1px solid rgba(15,23,42,0.10);
border-radius:12px;
background:#fff;
font-weight:800;
}

.toggle-card input{
width:20px;
height:20px;
margin:0;
}

.multi-pool-panel{
display:grid;
gap:12px;
margin-top:14px;
}

.multi-comment-counter-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}

.compact-metric{
padding:14px;
min-height:auto;
}

.compact-metric strong{
font-size:1.25rem;
}

.compact-metric.is-warning{
border-color:rgba(234,88,12,0.28);
background:#fff7ed;
}

.compact-metric.is-danger{
border-color:rgba(220,38,38,0.28);
background:#fef2f2;
}

.multi-toolbar{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
margin-top:18px;
}

.multi-toolbar .field-note{
margin:0;
}

.multi-link-service-block.is-collapsed .multi-link-service-body{
display:none;
}

.multi-link-service-head{
position:relative;
}

.multi-link-head-actions{
display:flex;
justify-content:flex-end;
gap:8px;
}

.multi-link-service-body{
display:grid;
gap:12px;
}

.multi-block-toggle{
padding:8px 12px;
font-size:0.8rem;
}

.multi-skip-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:max-content;
padding:5px 9px;
border-radius:999px;
background:#fff7ed;
color:#c2410c;
font-size:0.72rem;
font-weight:900;
text-transform:uppercase;
}

.multi-skip-badge.hidden-panel{
display:none;
}

.multi-metric-card.is-skipped{
border-color:rgba(249,115,22,0.32);
background:#fffaf5;
}

.multi-card-note{
padding:10px 12px;
border:1px dashed rgba(37,99,235,0.28);
border-radius:10px;
background:#f8fbff;
color:#315072;
font-size:0.8rem;
font-weight:800;
line-height:1.45;
}

.multi-card-note.hidden-panel{
display:none;
}

.multi-draft-status{
margin-top:10px;
}

.modal-shell{
position:fixed;
inset:0;
z-index:60;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}

.modal-shell.hidden-panel{
display:none;
}

.modal-backdrop{
position:absolute;
inset:0;
background:rgba(15,23,42,0.58);
backdrop-filter:blur(3px);
}

.modal-card{
position:relative;
z-index:1;
width:min(1080px,100%);
max-height:calc(100vh - 48px);
overflow:auto;
padding:22px;
border-radius:18px;
background:#ffffff;
box-shadow:0 32px 80px rgba(15,23,42,0.24);
}

.modal-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
margin-bottom:16px;
}

.multi-review-alert{
margin-bottom:14px;
padding:12px 14px;
border-radius:12px;
border:1px solid rgba(220,38,38,0.16);
background:#fef2f2;
color:#991b1b;
font-weight:800;
}

.multi-review-body{
display:grid;
gap:12px;
}

.multi-review-link-card{
border:1px solid rgba(15,23,42,0.10);
border-radius:16px;
background:#f8fafc;
overflow:hidden;
}

.multi-review-link-summary{
list-style:none;
cursor:pointer;
padding:14px 16px;
}

.multi-review-link-summary::-webkit-details-marker{
display:none;
}

.multi-review-link-content{
padding:0 16px 16px;
}

.multi-review-link-copy{
margin-top:8px;
color:#4d6078;
font-size:0.82rem;
font-weight:800;
line-height:1.45;
}

.multi-review-stat-row{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.multi-review-stat-pill{
display:inline-flex;
align-items:center;
gap:7px;
min-height:30px;
padding:5px 10px;
border-radius:999px;
background:#eef5ff;
color:#163a69;
font-size:0.76rem;
font-weight:900;
}

.multi-review-stat-pill b{
display:inline-flex;
align-items:center;
justify-content:center;
width:20px;
height:20px;
border-radius:999px;
background:#dbeafe;
color:#1d4ed8;
font-size:0.72rem;
}

.multi-review-stat-pill strong{
font-size:0.8rem;
}

.multi-review-link-head{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:14px;
}

.multi-review-link-head strong{
display:block;
margin-top:6px;
line-height:1.45;
word-break:break-word;
}

.multi-review-metric-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}

.multi-review-metric-row{
display:grid;
gap:10px;
padding:12px 14px;
border:1px solid rgba(15,23,42,0.08);
border-radius:12px;
background:#fff;
}

.multi-review-row-main{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}

.multi-review-qty-field{
min-width:92px;
}

.multi-review-qty-field input{
padding:10px 12px;
}

.multi-review-edit-card{
display:grid;
gap:10px;
}

.multi-review-edit-head{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.multi-review-metric-meta{
display:flex;
flex-wrap:wrap;
gap:8px;
}

.multi-review-tag{
display:inline-flex;
align-items:center;
min-height:28px;
padding:5px 9px;
border-radius:999px;
background:#eff6ff;
color:#1d4ed8;
font-size:0.75rem;
font-weight:900;
}

.multi-review-edit-tag{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:28px;
padding:5px 11px;
border-radius:999px;
background:#ecfdf5;
color:#047857;
font-size:0.75rem;
font-weight:900;
}

.multi-review-textarea{
min-height:96px;
}

.multi-review-comments-toggle{
border-top:1px dashed rgba(15,23,42,0.10);
padding-top:10px;
}

.multi-review-comments-toggle summary{
cursor:pointer;
font-size:0.84rem;
font-weight:900;
color:#315072;
}

.multi-review-actions{
margin-top:18px;
}

.multi-review-toolbar{
margin-bottom:14px;
}

.multi-review-toolbar-actions{
margin-top:0;
}

@media(max-width:900px){
.multi-tools-grid,
.multi-comment-counter-grid,
.multi-review-metric-list{
grid-template-columns:1fr;
}

.multi-toolbar,
.modal-header,
.multi-review-link-head,
.multi-review-row-main{
flex-direction:column;
align-items:flex-start;
}
}

.comment-draft-card.compact-draft-mode{
margin-top:12px;
padding:12px;
border-radius:12px;
box-shadow:none;
border-color:rgba(37,99,235,0.20);
background:#ffffff;
}

.compact-draft-mode .section-header{
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px solid #edf2f7;
}

.compact-draft-mode .section-header .eyebrow,
.compact-draft-mode .section-header p{
display:none;
}

.compact-draft-mode .section-header h3{
font-size:1rem;
line-height:1.25;
}

.compact-draft-mode .draft-target-banner{
padding:10px 12px;
margin-bottom:10px;
border-radius:10px;
background:#f8fbff;
}

.compact-draft-mode .draft-grid,
.compact-draft-mode .transcript-tools,
.compact-draft-mode .draft-mix-grid{
grid-template-columns:1fr;
gap:8px;
}

.compact-draft-mode .draft-grid > div:first-child{
display:none;
}

.compact-draft-mode .draft-mix-panel,
.compact-draft-mode .transcript-tools{
padding:10px;
margin:8px 0 10px;
border-radius:10px;
background:#f8fafc;
}

.compact-draft-mode textarea{
min-height:96px;
}

.compact-draft-mode .form-actions{
gap:8px;
margin-top:10px;
}

.compact-draft-mode .form-actions button{
width:auto;
padding:9px 12px;
font-size:0.82rem;
}

.compact-draft-mode .draft-output-grid{
gap:8px;
margin-top:10px;
}

.compact-draft-mode .draft-comment-item{
grid-template-columns:auto minmax(0,1fr);
gap:8px;
padding:9px;
border-radius:10px;
}

.compact-draft-mode .review-queue-controls,
.compact-draft-mode .saved-drafts-wrap,
.compact-draft-mode #queueDraftComments,
.compact-draft-mode #copyDraftComments,
.compact-draft-mode #saveDraftComments{
display:none !important;
}