/* Marketing MM V13 — premium, dense and consistent operations UI */
:root{--accent:#7b1736;--accent2:#a52b50;--v13-navy:#171923;--v13-bg:#f5f6f8;--v13-card:#fff;--v13-line:#e7e9ef;--v13-muted:#717784;--radius:18px;--shadow:0 10px 28px rgba(22,27,38,.06)}
body{background:linear-gradient(180deg,#f8f8fa 0,#f2f4f7 100%);color:#1c2230}.app{background:transparent}.sidebar{background:linear-gradient(180deg,#1b1720 0,#241722 55%,#17151b 100%);border-right:0;box-shadow:14px 0 36px rgba(26,18,26,.08)}.sidebar .brand{color:#fff}.brand-badge{background:linear-gradient(145deg,#8f1d42,#c8466d);box-shadow:0 8px 24px rgba(123,23,54,.28)}.nav button{color:#c8c1c9;border:1px solid transparent}.nav button:hover{background:rgba(255,255,255,.07);color:#fff;box-shadow:none}.nav button.active{background:#fff;color:#35202a;box-shadow:0 9px 24px rgba(0,0,0,.16)}.main{padding-top:18px}.topbar{position:sticky;top:0;z-index:9;background:rgba(245,246,248,.92);backdrop-filter:blur(18px);padding:10px 0 14px;margin-bottom:18px}.topbar h2{font-size:25px}.userchip{background:#fff;border:1px solid var(--v13-line);box-shadow:0 5px 16px rgba(22,27,38,.04)}
.card,.prod-card,.form-tile,.asset-card{background:var(--v13-card);border:1px solid var(--v13-line);box-shadow:var(--shadow);border-radius:18px}.card{padding:17px}.kpi{position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#e0e4eb}.kpi.clickable:before{background:var(--accent)}.kpi .value{font-size:27px}.sectiontitle{font-size:16px;letter-spacing:-.2px}.sub{color:var(--v13-muted)}
.btn{border-radius:11px;padding:10px 13px;min-height:40px;border:1px solid #dfe2e8;background:#fff;color:#303746;font-weight:760;box-shadow:none}.btn:hover{transform:none;border-color:#c9ced8;background:#fafbfc;box-shadow:none}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:var(--accent);box-shadow:0 7px 18px rgba(123,23,54,.16)}.btn.primary:hover{filter:brightness(.98)}.btn.good{border-color:#cce7d8}.btn.danger{border-color:#f0cbd2}.btn.compact{padding:7px 10px;min-height:34px;border-radius:9px;font-size:12px}.toolbar{gap:8px}.toolbar>.btn,.toolbar>input.btn,.toolbar>select.btn{min-height:40px}.fab{background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:16px;box-shadow:0 12px 28px rgba(123,23,54,.28)}
.field{gap:6px;margin:13px 0}.field label{font-size:11px;text-transform:uppercase;letter-spacing:.45px;color:#5c6370}.field input,.field select,.field textarea{border-radius:11px;padding:12px 13px;background:#fff;border:1px solid #dfe3e9}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#bd6b86;box-shadow:0 0 0 3px rgba(123,23,54,.08)}
.modal{background:rgba(17,19,25,.34)}.modalbox{border-radius:20px;padding:20px;box-shadow:0 28px 90px rgba(16,18,25,.25);background:#fff}.modalhead{padding-bottom:11px;border-bottom:1px solid var(--v13-line);margin-bottom:12px}.close{border-radius:10px;background:#f2f3f6}.tablewrap{border:1px solid var(--v13-line);border-radius:14px}.table th{background:#f7f8fa;color:#656b77;position:sticky;top:0}.table th,.table td{padding:11px 12px}.table tbody tr:hover{background:#fafbfc}.pill{border:1px solid rgba(0,0,0,.04)}
.page-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;padding:21px 22px;background:linear-gradient(135deg,#2a1721,#57152b);border-radius:20px;color:#fff;margin-bottom:16px;box-shadow:0 14px 34px rgba(62,20,38,.14)}.page-hero h3{font-size:25px;margin:5px 0 3px}.page-hero p{margin:0;color:#e3d6db}.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#e9bdcb}.hero-actions{display:flex;gap:8px}.page-hero .btn.primary{background:#fff;color:#5c1630;border-color:#fff;box-shadow:none}
.master-head{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:13px 14px;background:#f8f8fa;border:1px solid var(--v13-line);border-radius:14px}.master-head>div:first-child{display:grid;gap:3px}.master-head span{font-size:12px;color:var(--v13-muted)}.master-add{display:flex;gap:7px}.master-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:14px}.master-columns.page-master{margin-top:0}.master-list{display:grid;gap:8px}.master-card{border:1px solid var(--v13-line);border-radius:14px;background:#fff;overflow:hidden;transition:.15s}.master-card:hover{border-color:#d2c1c8}.master-card.is-inactive{opacity:.55;background:#f7f7f8}.master-main{width:100%;display:grid;grid-template-columns:42px 1fr;gap:10px;text-align:left;border:0;background:transparent;padding:12px}.master-icon{width:42px;height:42px;border-radius:11px;background:#f7e9ee;color:#7b1736;display:grid;place-items:center;font-size:11px;font-weight:900}.master-main>span:last-child{display:grid;gap:2px}.master-main b{font-size:14px}.master-main small,.master-main em{font-size:11px;color:var(--v13-muted);font-style:normal}.master-actions{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--v13-line);background:#fafbfc}.edit-sheet{max-width:760px;margin:auto}.edit-sheet-title{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:center;padding:12px;border-radius:14px;background:#f8f8fa;border:1px solid var(--v13-line);margin-bottom:12px}.edit-sheet-title>span{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#f3e1e7;color:#7b1736;font-weight:900}.edit-sheet-title>div{display:grid;gap:2px}.edit-sheet-title small{color:var(--v13-muted)}.switchline{display:flex;gap:9px;align-items:center;padding:11px 12px;border-radius:11px;background:#f8f8fa;border:1px solid var(--v13-line);font-weight:700;font-size:13px}.form-submitbar{display:flex;align-items:center;gap:8px;padding-top:14px;margin-top:16px;border-top:1px solid var(--v13-line)}.form-submitbar .grow{flex:1}.action-panel{display:flex;gap:8px;flex-wrap:wrap;padding:11px;border-radius:13px;background:#f8f8fa;border:1px solid var(--v13-line);margin:12px 0}
.v13-asset{grid-template-columns:52px 1fr}.v13-asset .asset-icon{width:52px;height:52px;border-radius:12px;background:#f3e8ec;color:#7b1736}.asset-actions{padding-top:5px}.asset-card:hover,.form-tile:hover,.prod-card:hover{border-color:#d9dce3;box-shadow:0 13px 32px rgba(22,27,38,.08)}.prod-card{border-radius:16px}.prod-card:hover{transform:none}.prod-source{color:#7b1736}.prod-track i{color:#7b1736}.production-section{border-top:1px solid #e6e8ed}.question-card{border-radius:14px;box-shadow:none}.q-number{background:#f4e7ec;color:#7b1736}.form-tile{border-radius:15px}.form-actions{align-content:flex-start}.camp-sharebar{border-radius:12px}.health-list>div{border-radius:10px}.upload-drop{border-radius:13px}.upload-health{border-radius:12px}.notice{border-radius:11px}
.toast-v13{position:fixed;top:16px;right:16px;z-index:100;max-width:min(380px,calc(100vw - 32px));padding:12px 14px;border-radius:12px;background:#20232b;color:#fff;box-shadow:0 14px 40px rgba(12,14,18,.25)}
@media(max-width:980px){.sidebar{display:none}.topbar{top:0}.main{padding:12px 12px 88px}.page-hero{padding:18px}.master-columns{grid-template-columns:1fr}.bottomnav{background:rgba(255,255,255,.94);border:1px solid var(--v13-line)}.bottomnav button{color:#5c616c}.bottomnav button b{color:#7b1736}}
@media(max-width:640px){.topbar{align-items:flex-start}.topbar h2{font-size:21px}.userchip{padding:7px}.page-hero{display:grid;align-items:start}.hero-actions,.master-add{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions .btn,.master-add .btn{width:100%}.master-head{display:grid}.master-main{grid-template-columns:38px 1fr;padding:10px}.master-icon{width:38px;height:38px}.master-actions{display:grid;grid-template-columns:1fr 1fr}.action-panel{display:grid;grid-template-columns:1fr 1fr}.action-panel .btn:first-child{grid-column:1/-1}.form-submitbar{position:sticky;bottom:0;background:#fff;padding:12px 0 2px;z-index:3}.modalbox{padding:15px;border-radius:16px}.kpis{gap:9px}.card{padding:13px}.asset-card{border-radius:14px}}