:root{
    --green:#15945f;
    --green-dark:#0a6c44;
    --green-soft:#e8f6ef;
    --green-pale:#f2faf6;
    --text:#19231f;
    --muted:#6f7a75;
    --line:#dfe6e2;
    --bg:#f7f9f8;
    --panel:#ffffff;
    --shadow:none;
    --radius:7px;
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px 18px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:12px;padding:3px 4px 22px;font-size:23px}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(145deg,#25b475,#0d8050);border-radius:7px;color:#fff;box-shadow:none}
.brand-envelope{font-size:19px;transform:rotate(-5deg)}
.brand-word{font-weight:700}
.brand-word strong{color:var(--green)}
.nav{display:flex;flex-direction:column;gap:4px}
.nav-link{display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 12px;border-radius:10px;color:#27312d;font-size:14px;font-weight:650}
.nav-link:hover,.nav-link.is-active{background:var(--green-soft);color:var(--green-dark)}
.nav-icon{width:21px;text-align:center;font-size:17px}
.nav-chevron{margin-left:auto}
.nav-submenu{display:flex;flex-direction:column;gap:3px;margin:2px 0 8px 46px}
.nav-submenu a{font-size:13px;padding:6px 0;color:#48534e}
.nav-submenu a:hover{color:var(--green)}
.subscription-card{margin-top:auto;padding:16px;border:1px solid #dbeae2;border-radius:7px;background:#f8fbf9}
.subscription-card span,.subscription-card small{display:block;color:var(--muted);font-size:12px}
.subscription-card strong{display:block;margin:7px 0 12px}
.usage-line{height:7px;border-radius:10px;background:#dcefe4;margin-bottom:9px;overflow:hidden}
.usage-line span{height:100%;width:24%;background:var(--green);display:block}
.main{min-width:0;padding:0 24px 36px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 -24px 24px;padding:0 28px;background:rgba(255,255,255,.93);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}
.breadcrumb{margin:0 0 2px;color:var(--muted);font-size:12px}
.topbar h1{margin:0;font-size:24px}
.top-actions{display:flex;align-items:center;gap:20px}
.help-link{font-size:14px}
.notification-button{position:relative;border:0;background:transparent;font-size:20px}
.notification-badge{position:absolute;right:-7px;top:-7px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:10px}
.profile-menu{display:flex;align-items:center;gap:11px;padding-left:18px;border-left:1px solid var(--line)}
.profile-copy{text-align:right}
.profile-copy strong,.profile-copy span{display:block}
.profile-copy strong{font-size:13px}
.profile-copy span{font-size:12px;color:var(--muted);margin-top:2px}
.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:12px;font-weight:800}
.logout-link{font-size:14px}
.flash{padding:13px 16px;margin-bottom:18px;border-radius:12px;border:1px solid}
.flash-success{background:#edf9f2;border-color:#cbe9d7;color:#12633f}
.flash-error{background:#fff3f2;border-color:#f0d2cf;color:#9a2d27}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:18px;display:flex;gap:15px;align-items:center;box-shadow:none}
.stat-icon{width:46px;height:46px;border-radius:7px;background:var(--green-soft);display:grid;place-items:center;color:var(--green-dark);font-size:20px}
.stat-card span,.stat-card small{display:block;color:var(--muted)}
.stat-card span{font-size:12px;font-weight:700}
.stat-card strong{display:block;font-size:27px;margin:4px 0}
.stat-card small{font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);gap:18px;margin-top:18px}
.panel-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:22px;box-shadow:none}
.full-width{width:100%}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.panel-heading.compact{margin-bottom:16px}
.section-kicker{display:block;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:6px}
.panel-heading h2{margin:0;font-size:21px}
.panel-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;padding:10px 15px;font-weight:750;border:1px solid transparent;white-space:nowrap}
.btn-primary{background:linear-gradient(145deg,#19a76b,#0d8453);color:#fff;box-shadow:0 7px 16px rgba(21,148,95,.2)}
.btn-light{background:#fff;border-color:var(--line);color:#27322d}
.empty-state{text-align:center;padding:50px 20px}
.empty-icon{width:60px;height:60px;border-radius:7px;background:var(--green-soft);display:grid;place-items:center;margin:0 auto 16px;color:var(--green-dark);font-size:25px}
.empty-state h3{margin:0 0 8px}
.empty-state p{color:var(--muted);font-size:13px;margin:0 auto 18px;max-width:430px}
.campaign-table{border-top:1px solid var(--line)}
.campaign-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 100px 20px;gap:16px;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line)}
.campaign-row:hover{background:#fbfdfc}
.campaign-main strong,.campaign-main span{display:block}
.campaign-main span{color:var(--muted);font-size:12px;margin-top:4px}
.status{display:inline-flex;width:max-content;padding:6px 10px;border-radius:6px;font-size:11px;font-weight:800}
.status-draft{background:#eaf6ef;color:#19734b}
.status-scheduled{background:#fff5dd;color:#9a6600}
.status-sent,.status-active{background:#e8f6ef;color:#137148}
.status-unsubscribed,.status-bounced,.status-complained{background:#fff0ef;color:#9a322a}
.campaign-date{font-size:12px;color:var(--muted)}
.row-arrow{font-size:22px;color:#8d9893}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.quick-card{border:1px solid var(--line);border-radius:6px;padding:16px;background:#fff;transition:.18s ease}
.quick-card:hover{transform:translateY(-2px);border-color:#bcdcca}
.quick-card>span{font-size:21px;color:var(--green)}
.quick-card strong,.quick-card small{display:block}
.quick-card strong{font-size:13px;margin:11px 0 4px}
.quick-card small{color:var(--muted);font-size:11px}
.setup-progress{margin-top:18px;padding:17px;border:1px solid #dceae3;background:var(--green-pale);border-radius:14px}
.setup-head{display:flex;justify-content:space-between;align-items:center}
.setup-head strong{display:block}
.setup-head>span{font-size:12px;color:var(--muted)}
.progress-track{height:7px;background:#dcebe3;border-radius:10px;overflow:hidden;margin:14px 0}
.progress-track span{display:block;height:100%;background:var(--green)}
.setup-progress ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:12px}
.setup-progress li:before{content:'○';margin-right:8px;color:#8aa196}
.setup-progress li.done:before{content:'✓';color:var(--green)}
.create-card{max-width:720px;margin:30px auto}
.create-form{max-width:520px}
.form-label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}
.form-input{width:100%;border:1px solid var(--line);border-radius:6px;padding:12px 13px;background:#fff;outline:none}
.form-input:focus{border-color:#63b88b;box-shadow:0 0 0 3px rgba(21,148,95,.11)}
.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.data-table{border:1px solid var(--line);border-radius:6px;overflow:hidden}
.data-row{display:grid;grid-template-columns:1.1fr 1.5fr .8fr .8fr;gap:16px;padding:13px 15px;border-top:1px solid var(--line);align-items:center;font-size:13px}
.data-row:first-child{border-top:0}
.data-head{background:#f7faf8;font-weight:800;color:#52605a}
.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.template-card{border:1px solid var(--line);border-radius:6px;padding:12px}
.template-preview{height:180px;border-radius:6px;background:linear-gradient(145deg,#e8f5ec,#fff);display:grid;place-items:center;color:var(--green-dark);font-size:24px;font-weight:800;margin-bottom:12px}
.template-preview.alternate{background:linear-gradient(145deg,#f7f1e6,#fff)}
.template-card strong,.template-card small{display:block}
.template-card small{color:var(--muted);margin-top:4px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-form{display:grid;gap:15px}
.settings-form label span{display:block;font-size:12px;font-weight:800;margin-bottom:7px}
.settings-form input{width:100%;padding:11px;border:1px solid var(--line);border-radius:6px}
.integration-status{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:13px}
.integration-icon{width:48px;height:48px;border-radius:14px;background:var(--green-soft);display:grid;place-items:center;color:var(--green)}
.integration-status strong,.integration-status small{display:block}
.integration-status small{margin-top:4px;color:var(--muted)}
.campaign-editor{margin:-24px -24px -36px;background:#fff;min-height:calc(100vh - 82px)}
.editor-top{height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.editor-title-row,.editor-actions{display:flex;align-items:center;gap:12px}
.back-link{font-size:20px}
.editor-title-row>div span,.editor-title-row>div strong{display:block}
.breadcrumb-line{font-size:11px;color:var(--muted)}
.editor-title-row>div strong{margin-top:2px}
.editor-steps{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:end;padding:0 24px;gap:42px}
.editor-steps a{height:55px;display:flex;align-items:center;padding:0 6px;border-bottom:2px solid transparent;font-size:13px;font-weight:700}
.editor-steps a.active{color:var(--green-dark);border-bottom-color:var(--green)}
.editor-fields{padding:10px 24px;border-bottom:1px solid var(--line);display:grid;gap:9px}
.editor-fields label{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px}
.editor-fields label span{font-size:12px;color:var(--muted)}
.editor-fields input{border:1px solid var(--line);border-radius:8px;padding:9px 11px}
.editor-workspace{display:grid;grid-template-columns:280px minmax(500px,1fr) 300px;min-height:720px}
.editor-left{border-right:1px solid var(--line);padding:18px}
.editor-right{border-left:1px solid var(--line);background:#fff}
.editor-panel-title{display:flex;justify-content:space-between;font-size:11px;margin-bottom:13px}
.editor-panel-title.second{margin-top:25px}
.block-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.content-block{min-height:70px;background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:10px;color:#233029}
.content-block span{font-size:20px}
.content-block.active,.content-block:hover{background:var(--green-pale);border-color:#a9d5bc;color:var(--green-dark)}
.editor-center{background:#f4f6f5}
.preview-toolbar{height:49px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.preview-toolbar>div{display:flex;gap:7px}
.device-button,.toolbar-button{height:32px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 10px}
.device-button.active{background:var(--green-soft);border-color:#a6d4ba;color:var(--green)}
.email-stage{padding:12px 24px 26px}
.email-preview{max-width:650px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(28,50,39,.06);border-radius:7px;overflow:hidden}
.browser-link{text-align:center;font-size:9px;text-decoration:underline;margin:13px 0}
.email-logo{text-align:center;padding:4px 10px 16px}
.email-logo strong{margin-left:7px;font-size:18px}
.email-logo small{display:block;font-size:7px;letter-spacing:.28em;margin-top:4px}
.email-hero{min-height:175px;padding:28px 38px;background:linear-gradient(120deg,#eff7e9,#f7f8ec);display:grid;grid-template-columns:1.1fr .9fr;align-items:center}
.email-hero h2{font-family:Georgia,serif;color:#1b6739;font-size:33px;margin:0 0 8px}
.email-hero p{font-size:13px}
.email-hero button,.email-products button{border:0;border-radius:6px;background:#08713f;color:#fff;padding:10px 19px;font-weight:800}
.hero-visual{position:relative;height:140px}
.cup{position:absolute;right:35px;bottom:10px;font-size:90px}
.capsule{position:absolute;right:0;bottom:6px;font-size:56px;color:#198a55}
.email-products{padding:18px 24px}
.email-products h3{text-align:center;margin:0 0 15px;font-family:Georgia,serif}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.product-grid article{position:relative;border:1px solid var(--line);border-radius:8px;padding:11px;display:flex;flex-direction:column}
.discount{position:absolute;left:8px;top:8px;background:#14935f;color:#fff;padding:4px 7px;border-radius:6px;font-size:9px}
.product-art{height:85px;background:linear-gradient(145deg,#f7f1e7,#ece1cf);display:grid;place-items:center;font-size:40px;border-radius:6px;margin-bottom:9px}
.product-grid strong{font-size:11px;line-height:1.35}
.product-grid small{font-size:9px;margin-top:5px}
.product-grid p{font-size:10px}
.product-grid del{color:#8e9893;margin-left:4px}
.product-grid button{padding:7px;margin-top:auto;font-size:9px}
.shipping-banner{margin:0 24px 16px;padding:12px 18px;border-radius:7px;background:#eff7e9;display:flex;align-items:center;gap:12px}
.shipping-banner>span{font-size:25px;color:var(--green)}
.shipping-banner strong,.shipping-banner small{display:block}
.shipping-banner strong{font-size:11px}
.shipping-banner small{font-size:9px;margin-top:3px}
.property-head{height:42px;padding:0 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}
.property-section{padding:14px 16px;border-bottom:1px solid var(--line)}
.property-section>label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}
.property-section select{width:100%;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff}
.selected-product{display:grid;grid-template-columns:40px 1fr 20px;gap:8px;align-items:center;margin-bottom:8px}
.mini-product{width:40px;height:40px;border-radius:6px;background:#f1eadf;display:grid;place-items:center}
.selected-product strong,.selected-product small{display:block}
.selected-product strong{font-size:10px;line-height:1.25}
.selected-product small{font-size:9px;color:var(--muted);margin-top:3px}
.selected-product button{border:0;background:transparent;font-size:18px}
.add-product-button{width:100%;padding:9px;border:1px solid var(--line);background:#fff;border-radius:7px}
.layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.layout-options button{min-height:55px;border:1px solid var(--line);background:#fff;border-radius:7px}
.layout-options button.active{background:var(--green-pale);border-color:#a8d5bb;color:var(--green-dark)}
.layout-options small{display:block;margin-top:5px;font-size:8px}
.toggle-line{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:10px!important;color:#26312c!important}
.toggle-line input{display:none}
.toggle-line i{width:29px;height:17px;border-radius:20px;background:#cbd5d0;position:relative}
.toggle-line i:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;transition:.18s}
.toggle-line input:checked+i{background:var(--green)}
.toggle-line input:checked+i:after{left:14px}
.editor-bottom-bar{height:76px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);background:#fff}
.step-pill{display:flex;align-items:center;gap:10px;padding:12px 26px;border-right:1px solid var(--line)}
.step-pill>span{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px}
.step-pill strong,.step-pill small{display:block}
.step-pill strong{font-size:12px}
.step-pill small{font-size:9px;color:var(--muted);margin-top:2px}
.step-pill.active{background:#f7fcf9}
.step-pill.active>span{border-color:#79bf99;color:var(--green-dark)}
.login-body{background:#f4f7f5}
.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}
.login-brand-panel{position:relative;padding:34px 48px;background:linear-gradient(145deg,#edf8f1,#f8fbf9);overflow:hidden}
.login-logo{display:flex;align-items:center;gap:12px;font-size:23px}
.login-brand-content{max-width:570px;margin-top:90px}
.login-kicker{display:inline-block;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:15px}
.login-brand-content h1{font-size:52px;line-height:1.08;margin:0 0 20px;max-width:620px}
.login-brand-content p{font-size:17px;line-height:1.6;color:var(--muted);max-width:540px}
.login-preview-card{max-width:560px;margin-top:50px;border-radius:20px;background:#fff;border:1px solid #dae7df;box-shadow:0 24px 60px rgba(27,67,47,.12);padding:15px}
.preview-card-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:0 4px 12px}
.preview-card-hero{min-height:210px;border-radius:14px;background:linear-gradient(125deg,#eff8ea,#f7f4e9);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:35px}
.preview-card-hero small,.preview-card-hero strong,.preview-card-hero span{display:block}
.preview-card-hero small{font-size:10px;letter-spacing:.2em}
.preview-card-hero strong{font-family:Georgia,serif;color:#1d673c;font-size:35px;margin:12px 0}
.preview-card-hero span{color:#52615a}
.coffee-orb{font-size:95px;text-align:center}
.login-form-panel{display:grid;place-items:center;padding:34px;background:#fff}
.login-card{width:min(420px,100%)}
.login-card-head{margin-bottom:28px}
.login-card-head h2{font-size:31px;margin:0 0 8px}
.login-card-head p{margin:0;color:var(--muted)}
.mobile-login-logo{display:none}
.password-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:17px}
.password-label-row a{font-size:12px;color:var(--green)}
.login-button{width:100%;margin-top:22px;padding:13px}
.login-footnote{text-align:center;color:var(--muted);font-size:11px;margin-top:20px}
.form-error{padding:12px 13px;background:#fff1f0;border:1px solid #f0d0cd;border-radius:10px;color:#96322b;font-size:13px;margin-bottom:16px}
@media(max-width:1200px){
    .dashboard-stats{grid-template-columns:repeat(2,1fr)}
    .dashboard-grid{grid-template-columns:1fr}
    .editor-workspace{grid-template-columns:240px minmax(460px,1fr)}
    .editor-right{display:none}
}
@media(max-width:900px){
    .app-shell{grid-template-columns:1fr}
    .sidebar{display:none}
    .main{padding:0 16px 28px}
    .topbar{margin:0 -16px 18px;padding:0 18px}
    .profile-copy,.help-link span{display:none}
    .campaign-editor{margin:-18px -16px -28px}
    .editor-workspace{grid-template-columns:1fr}
    .editor-left{display:none}
    .editor-bottom-bar{grid-template-columns:repeat(2,1fr);height:auto}
    .settings-grid{grid-template-columns:1fr}
    .login-shell{grid-template-columns:1fr}
    .login-brand-panel{display:none}
    .mobile-login-logo{display:block;color:var(--green);font-weight:800;margin-bottom:28px}
}
@media(max-width:650px){
    .dashboard-stats{grid-template-columns:1fr}
    .quick-grid{grid-template-columns:1fr}
    .campaign-row{grid-template-columns:1fr auto}
    .campaign-date,.row-arrow{display:none}
    .data-row{grid-template-columns:1fr}
    .data-head{display:none}
    .template-grid{grid-template-columns:1fr}
    .editor-title-row .status{display:none}
    .editor-actions .btn-light{display:none}
    .editor-steps{gap:14px;overflow:auto}
    .editor-fields label{grid-template-columns:1fr}
    .product-grid{grid-template-columns:1fr}
    .email-hero{grid-template-columns:1fr}
    .hero-visual{display:none}
}


/* V2.1 – strammere design i hovedområdet */
.main{
    background:#fff;
    padding-left:24px;
    padding-right:24px;
}
.topbar{
    background:#fff;
    box-shadow:none;
}
.dashboard-stats{
    gap:0;
    border:1px solid var(--line);
    border-radius:6px;
    overflow:hidden;
    background:#fff;
}
.stat-card{
    border:0;
    border-right:1px solid var(--line);
    border-radius:0;
    min-height:118px;
}
.stat-card:last-child{
    border-right:0;
}
.dashboard-grid{
    gap:14px;
}
.panel-card{
    box-shadow:none;
}
.quick-grid{
    gap:0;
    border:1px solid var(--line);
    border-radius:6px;
    overflow:hidden;
}
.quick-card{
    border:0;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    border-radius:0;
}
.quick-card:nth-child(2n){
    border-right:0;
}
.quick-card:nth-last-child(-n+2){
    border-bottom:0;
}
.quick-card:hover{
    transform:none;
    background:#fafcfb;
}
.setup-progress{
    border-radius:6px;
}
.campaign-row{
    padding-left:0;
    padding-right:0;
}
.campaign-editor{
    background:#fff;
}
.editor-top,
.editor-steps,
.editor-fields,
.preview-toolbar,
.editor-bottom-bar{
    border-radius:0;
}
.editor-workspace{
    border-top:0;
}
.editor-left,
.editor-right{
    background:#fff;
}
.content-block{
    border-radius:5px;
}
.device-button,
.toolbar-button,
.property-section select,
.add-product-button,
.layout-options button{
    border-radius:5px;
}
.email-preview{
    border-radius:3px;
    box-shadow:none;
}
.email-hero,
.product-grid article,
.shipping-banner{
    border-radius:3px;
}
.btn{
    border-radius:5px;
}
.form-input,
.editor-fields input,
.settings-form input{
    border-radius:5px;
}
.subscription-card{
    border-radius:6px;
}
.status{
    border-radius:5px;
}
@media(max-width:1200px){
    .dashboard-stats{
        border-radius:6px;
    }
    .stat-card:nth-child(2){
        border-right:0;
    }
    .stat-card:nth-child(-n+2){
        border-bottom:1px solid var(--line);
    }
}
@media(max-width:650px){
    .dashboard-stats{
        display:block;
    }
    .stat-card{
        border-right:0;
        border-bottom:1px solid var(--line);
    }
    .stat-card:last-child{
        border-bottom:0;
    }
}


/* MailKampagne V2.1 */
.brand{
    padding:0 2px 20px;
}
.brand-logo-image{
    display:block;
    width:220px;
    max-width:100%;
    height:auto;
}
.login-logo-image{
    display:block;
    width:250px;
    max-width:100%;
    height:auto;
}
.mobile-login-logo-image{
    display:none;
    width:210px;
    max-width:100%;
    height:auto;
    margin-bottom:28px;
}
.dashboard-workspace{
    max-width:1480px;
    margin:0 auto;
}
.dashboard-stats{
    background:#fff;
}
.dashboard-grid{
    align-items:start;
}
.panel-card{
    border-color:#e3e8e5;
}
.panel-heading{
    padding-bottom:15px;
    border-bottom:1px solid var(--line);
}
.panel-heading.compact{
    padding-bottom:0;
    border-bottom:0;
}
.stat-card{
    background:#fff;
}
.stat-card strong{
    font-size:30px;
    letter-spacing:-.03em;
}
.quick-card{
    min-height:116px;
}
.campaign-table{
    border-top:0;
}
.campaign-row:last-child{
    border-bottom:0;
}
.email-logo{
    padding-top:12px;
}
.email-logo strong{
    font-family:Georgia,serif;
    font-size:20px;
    letter-spacing:.05em;
}
.email-logo small{
    margin-top:5px;
}
@media(max-width:900px){
    .mobile-login-logo-image{
        display:block;
    }
}


/* Logo-fix V2.1.1 */
.brand{
    display:flex;
    align-items:center;
    min-height:58px;
    padding:4px 2px 18px;
    overflow:visible;
}
.brand-logo-image{
    display:block;
    width:auto;
    max-width:205px;
    height:46px;
    object-fit:contain;
    object-position:left center;
}
.login-logo-image{
    display:block;
    width:auto;
    max-width:250px;
    height:54px;
    object-fit:contain;
    object-position:left center;
}
.mobile-login-logo-image{
    width:auto;
    max-width:210px;
    height:46px;
    object-fit:contain;
    object-position:left center;
}


/* MailKampagne V3 editor */
.mk3-page{
    margin:-24px -24px -36px;
    min-height:calc(100vh - 82px);
    background:#fff;
}
.mk3-editor-top{
    height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 22px;
    border-bottom:1px solid var(--line);
}
.mk3-title-group,.mk3-save-group{
    display:flex;
    align-items:center;
    gap:11px;
}
.mk3-title-group>div span,.mk3-title-group>div strong{
    display:block;
}
.mk3-title-group>div span{
    color:var(--muted);
    font-size:10px;
}
.mk3-title-group>div strong{
    font-size:13px;
    margin-top:2px;
}
.mk3-back{
    font-size:19px;
}
.mk3-save-status{
    font-size:11px;
    color:var(--muted);
    min-width:92px;
    text-align:right;
}
.mk3-save-status.is-dirty{color:#9a6600}
.mk3-save-status.is-saving{color:#52605a}
.mk3-save-status.is-saved{color:var(--green-dark)}
.mk3-save-status.is-error{color:#a02e28}
.mk3-step-tabs{
    height:54px;
    display:flex;
    align-items:flex-end;
    gap:40px;
    padding:0 22px;
    border-bottom:1px solid var(--line);
}
.mk3-step-tabs button{
    height:54px;
    border:0;
    border-bottom:2px solid transparent;
    background:transparent;
    font-size:12px;
    font-weight:700;
}
.mk3-step-tabs button.active{
    color:var(--green-dark);
    border-bottom-color:var(--green);
}
.mk3-subject-fields{
    padding:10px 22px;
    display:grid;
    gap:8px;
    border-bottom:1px solid var(--line);
}
.mk3-subject-fields label{
    display:grid;
    grid-template-columns:100px 1fr 44px;
    align-items:center;
    gap:9px;
}
.mk3-subject-fields span{
    color:var(--muted);
    font-size:11px;
}
.mk3-subject-fields input{
    width:100%;
    border:1px solid var(--line);
    border-radius:4px;
    padding:8px 10px;
    font-size:12px;
}
.mk3-subject-fields small{
    color:var(--muted);
    font-size:9px;
}
.mk3-workspace{
    display:grid;
    grid-template-columns:245px minmax(520px,1fr) 300px;
    min-height:700px;
}
.mk3-sidebar{
    background:#fff;
}
.mk3-palette{
    border-right:1px solid var(--line);
    padding:16px;
}
.mk3-properties{
    border-left:1px solid var(--line);
}
.mk3-panel-heading{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:32px;
    font-size:10px;
}
.mk3-panel-heading span{
    color:var(--muted);
}
.mk3-section-heading{
    margin-top:22px;
}
.mk3-palette-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}
.mk3-palette-grid button,
.mk3-section-buttons button{
    min-height:68px;
    border:1px solid var(--line);
    border-radius:4px;
    background:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:var(--text);
    font-size:9px;
}
.mk3-palette-grid button:hover,
.mk3-section-buttons button:hover{
    background:var(--green-pale);
    border-color:#a8d1ba;
}
.mk3-palette-grid i,
.mk3-section-buttons i{
    font-style:normal;
    font-size:18px;
}
.mk3-section-buttons{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
}
.mk3-sidebar-help{
    margin-top:20px;
    padding:13px 0 0;
    border-top:1px solid var(--line);
    color:var(--muted);
    font-size:10px;
    line-height:1.5;
}
.mk3-sidebar-help strong{
    color:var(--text);
}
.mk3-sidebar-help p{
    margin:4px 0 0;
}
.mk3-stage-area{
    min-width:0;
    background:#f4f6f5;
}
.mk3-toolbar{
    height:48px;
    padding:0 15px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#fff;
    border-bottom:1px solid var(--line);
}
.mk3-toolbar>div{
    display:flex;
    gap:6px;
}
.mk3-toolbar button{
    height:31px;
    min-width:34px;
    padding:0 9px;
    border:1px solid var(--line);
    border-radius:4px;
    background:#fff;
}
.mk3-toolbar button.active{
    background:var(--green-soft);
    color:var(--green-dark);
    border-color:#9bcdb1;
}
.mk3-toolbar button:disabled{
    opacity:.35;
}
.mk3-stage-scroll{
    padding:14px 22px 26px;
    overflow:auto;
}
.mk3-email{
    width:100%;
    max-width:650px;
    margin:0 auto;
    background:#fff;
    border:1px solid var(--line);
    transition:max-width .18s ease;
}
.mk3-browser-link{
    text-align:center;
    font-size:9px;
    text-decoration:underline;
    padding:12px 10px 5px;
}
.mk3-email-logo{
    padding:11px 20px 18px;
    text-align:center;
}
.mk3-email-logo strong{
    display:block;
    font-family:Georgia,serif;
    font-size:20px;
    letter-spacing:.05em;
}
.mk3-email-logo small{
    display:block;
    margin-top:5px;
    font-size:7px;
    letter-spacing:.27em;
}
.mk3-canvas{
    min-height:320px;
}
.mk3-empty-canvas{
    min-height:320px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:var(--muted);
    border-top:1px dashed #cad6cf;
    border-bottom:1px dashed #cad6cf;
}
.mk3-empty-canvas i{
    font-style:normal;
    font-size:24px;
}
.mk3-empty-canvas strong{
    color:var(--text);
    margin-top:8px;
}
.mk3-empty-canvas p{
    margin:5px 0 0;
    font-size:11px;
}
.mk3-section{
    position:relative;
    border:1px solid transparent;
}
.mk3-section:hover{
    border-color:#9dcab3;
}
.mk3-section.is-selected{
    border-color:var(--green);
    box-shadow:inset 0 0 0 1px var(--green);
}
.mk3-section-controls{
    position:absolute;
    right:6px;
    top:6px;
    z-index:20;
    display:none;
    background:#17231e;
}
.mk3-section:hover>.mk3-section-controls,
.mk3-section.is-selected>.mk3-section-controls{
    display:flex;
}
.mk3-section-controls button{
    height:26px;
    min-width:27px;
    padding:0 8px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:9px;
}
.mk3-section-controls button:hover{
    background:rgba(255,255,255,.14);
}
.mk3-columns{
    display:grid;
}
.mk3-columns-1{grid-template-columns:1fr}
.mk3-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mk3-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mk3-column{
    min-width:0;
    min-height:74px;
    position:relative;
}
.mk3-column.is-palette-target{
    outline:2px dashed var(--green);
    outline-offset:-3px;
    background:var(--green-pale);
}
.mk3-column-empty{
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #cbd7d1;
    color:var(--muted);
    font-size:9px;
}
.mk3-block{
    position:relative;
    padding:10px 0;
    border:1px solid transparent;
}
.mk3-block:hover{
    border-color:#a5ccb8;
}
.mk3-block.is-selected{
    border-color:var(--green);
    box-shadow:inset 0 0 0 1px var(--green);
}
.mk3-block.is-sorting{
    opacity:.25;
}
.mk3-block-toolbar{
    position:absolute;
    left:5px;
    top:5px;
    z-index:15;
    display:none;
    align-items:center;
    background:#17231e;
    color:#fff;
}
.mk3-block:hover>.mk3-block-toolbar,
.mk3-block.is-selected>.mk3-block-toolbar{
    display:flex;
}
.mk3-block-toolbar button{
    width:27px;
    height:26px;
    border:0;
    background:transparent;
    color:#fff;
}
.mk3-block-toolbar button:hover{
    background:rgba(255,255,255,.14);
}
.mk3-block-toolbar [data-drag-handle]{
    cursor:grab;
    touch-action:none;
}
.mk3-block-toolbar span{
    padding:0 7px;
    font-size:8px;
    text-transform:uppercase;
}
.mk3-block-content{
    min-height:20px;
}
.mk3-render-text{
    outline:none;
}
.mk3-render-text:focus{
    box-shadow:inset 0 0 0 1px #85bda0;
}
.mk3-render-text h1,
.mk3-render-text h2,
.mk3-render-text h3{
    margin-top:0;
}
.mk3-render-text p:last-child{
    margin-bottom:0;
}
.mk3-image-placeholder{
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #bdcbc4;
    background:#f7f9f8;
    color:var(--muted);
    font-size:10px;
}
.mk3-product-note{
    display:block;
    margin-top:8px;
    text-align:center;
    color:var(--muted);
    font-size:9px;
}
.mk3-drag-ghost{
    position:fixed!important;
    z-index:9999!important;
    pointer-events:none;
    opacity:.88;
    background:#fff;
    border:1px solid var(--green)!important;
    box-shadow:0 10px 30px rgba(0,0,0,.16);
}
.mk3-sort-marker{
    height:4px;
    background:var(--green);
    margin:3px 0;
    box-shadow:0 0 0 1px #fff;
}
.mk3-email-footer{
    padding:22px;
    text-align:center;
    background:#f6f8f7;
    color:var(--muted);
    font-size:10px;
    line-height:1.5;
}
.mk3-email-footer strong,
.mk3-email-footer span,
.mk3-email-footer a{
    display:block;
}
.mk3-email-footer strong{
    color:var(--text);
}
.mk3-email-footer a{
    color:var(--green);
    margin-top:6px;
}
.mk3-properties-empty{
    min-height:300px;
    padding:28px 22px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:var(--muted);
}
.mk3-properties-empty i{
    font-style:normal;
    font-size:28px;
}
.mk3-properties-empty strong{
    color:var(--text);
    margin-top:8px;
}
.mk3-properties-empty p{
    font-size:10px;
    line-height:1.5;
}
.mk3-properties-form{
    padding:13px 15px 24px;
}
.mk3-field{
    display:block;
    margin-bottom:12px;
}
.mk3-field>span{
    display:block;
    margin-bottom:5px;
    color:#53615a;
    font-size:10px;
    font-weight:700;
}
.mk3-field input,
.mk3-field select,
.mk3-field textarea{
    width:100%;
    padding:8px;
    border:1px solid var(--line);
    border-radius:4px;
    background:#fff;
    font-size:11px;
}
.mk3-field textarea{
    resize:vertical;
    line-height:1.45;
}
.mk3-field input[type=color]{
    min-height:35px;
    padding:3px;
}
.mk3-two-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.mk3-info,.mk3-warning{
    padding:10px;
    margin-bottom:12px;
    background:var(--green-pale);
    border-left:3px solid var(--green);
    font-size:10px;
    line-height:1.45;
}
.mk3-warning{
    background:#fff8e9;
    border-left-color:#c58b27;
}
.mk3-upload-button{
    display:inline-flex;
    padding:8px 10px;
    margin-bottom:10px;
    border:1px solid var(--line);
    border-radius:4px;
    font-size:10px;
    font-weight:700;
    cursor:pointer;
}
#mk3-upload-status{
    display:block;
    color:var(--muted);
    font-size:9px;
    margin-bottom:8px;
}
.mk3-property-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
    padding-top:12px;
    border-top:1px solid var(--line);
}
.mk3-danger{
    border:1px solid #e5c7c4;
    background:#fff;
    color:#9d302a;
}
.mk3-bottom-steps{
    height:72px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
}
.mk3-bottom-steps>div{
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px 22px;
    border-right:1px solid var(--line);
}
.mk3-bottom-steps b{
    width:29px;
    height:29px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:50%;
    font-size:11px;
}
.mk3-bottom-steps strong,
.mk3-bottom-steps small{
    display:block;
}
.mk3-bottom-steps strong{
    font-size:11px;
}
.mk3-bottom-steps small{
    color:var(--muted);
    font-size:8px;
    margin-top:2px;
}
.mk3-bottom-steps>div.active{
    background:#f7fcf9;
}
.mk3-bottom-steps>div.active b{
    border-color:#70b991;
    color:var(--green-dark);
}
.mk3-modal[hidden]{display:none}
.mk3-modal{
    position:fixed;
    inset:0;
    z-index:1000;
    display:grid;
    place-items:center;
}
.mk3-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(20,31,26,.72);
}
.mk3-modal-dialog{
    position:relative;
    width:min(920px,92vw);
    height:min(820px,90vh);
    background:#fff;
    display:flex;
    flex-direction:column;
}
.mk3-modal-dialog header{
    height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 15px;
    border-bottom:1px solid var(--line);
}
.mk3-modal-dialog header button{
    border:0;
    background:transparent;
    font-size:23px;
}
.mk3-modal-dialog iframe{
    flex:1;
    width:100%;
    border:0;
}
@media(max-width:1200px){
    .mk3-workspace{
        grid-template-columns:220px minmax(480px,1fr);
    }
    .mk3-properties{
        display:none;
    }
}
@media(max-width:900px){
    .mk3-page{
        margin:-18px -16px -28px;
    }
    .mk3-workspace{
        grid-template-columns:1fr;
    }
    .mk3-palette{
        display:none;
    }
    .mk3-bottom-steps{
        grid-template-columns:repeat(2,1fr);
        height:auto;
    }
}