.marketing-layout{max-width:1580px;margin:0 auto;padding:0 24px 24px;letter-spacing:0}
.marketing-heading{display:flex;align-items:center;gap:24px}
.marketing-heading img{width:146px;height:44px;object-fit:contain}
.marketing-heading h1{font-size:23px;margin:0}.marketing-heading p{margin:4px 0 0}
.topbar:has(.marketing-heading){height:auto;min-height:76px;flex-wrap:wrap;gap:12px}
.marketing-heading,.marketing-heading>div{min-width:0}
.marketing-heading #pilotLabel{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.marketing-shell{display:grid;grid-template-columns:216px minmax(0,1fr);gap:28px;align-items:start}
.marketing-nav{position:sticky;top:16px;display:grid;gap:4px;padding:16px 0;border-right:1px solid #d9ded5;min-height:620px;align-content:start}
.marketing-nav button{border:0;background:none;text-align:left;padding:12px 10px;color:#535d59;display:flex;gap:10px;align-items:center;cursor:pointer;font-size:14px;min-height:44px;line-height:1.3}
.marketing-nav button.active{color:#216b4b;background:#e5f1e9;border-right:3px solid #2f7d57;font-weight:650}
.marketing-nav button:hover{background:#edf0ed}
.marketing-workspace{min-width:0}
.marketing-workspace h2{font-size:23px;line-height:1.3}.marketing-workspace h3{font-size:16px;margin-top:24px}
.marketing-layout svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.marketing-layout button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.marketing-layout button:disabled{opacity:.5;cursor:not-allowed}
.marketing-layout .marketing-nav button{justify-content:flex-start}
.marketing-layout :is(button,a,input,select,textarea):focus-visible{outline:2px solid #276c93;outline-offset:3px}
.marketing-layout .icon-btn{width:38px;height:38px;min-width:38px;padding:8px}
.marketing-layout .primary-btn,.marketing-layout .secondary-btn{white-space:normal;border-radius:5px;min-height:40px}
.marketing-layout p{line-height:1.55}
.marketing-layout small{display:block;color:#697570;font-size:12px;margin-top:5px;line-height:1.5}
.marketing-layout details{padding:12px 0;border-bottom:1px solid #dbe2dd}
.marketing-layout summary{cursor:pointer;font-size:14px;font-weight:600}
.marketing-layout #draftForm>label,.marketing-layout #contentForm>label{margin:16px 0}
.marketing-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.marketing-empty{padding:30px 12px;background:#fff;border-block:1px solid #dbe2dd;color:#697570;text-align:center}
.marketing-queue-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #dbe2dd}
.marketing-queue-row>div{min-width:0;overflow-wrap:anywhere}
.marketing-state{font-size:12px;color:#39637d}.marketing-state.positive{color:#23744e}.marketing-state.attention{color:#9c5220}
.marketing-text-button{background:none;border:0;padding:0;color:#256e4e;font-weight:600;cursor:pointer;text-align:left;overflow-wrap:anywhere}
.marketing-notice{border-left:3px solid #c7912b;padding:12px 16px;background:#fffbef}
.marketing-day{border-top:1px solid #dbe2dd;margin-top:20px}
.marketing-copy{white-space:pre-wrap;overflow-wrap:anywhere}
.marketing-dialog{width:min(780px,calc(100% - 24px));max-height:88vh;border:1px solid #ccd5cf;border-radius:8px;padding:24px;box-shadow:0 15px 50px #0003;color:#26342c;background:#fff}
.marketing-dialog::backdrop{background:#17271b80}
.marketing-dialog h2{font-size:21px}
.marketing-dialog .marketing-toolbar{flex-wrap:nowrap;align-items:flex-start;margin-top:0;gap:12px}
.marketing-dialog .marketing-toolbar h2{margin:0;min-width:0;overflow-wrap:anywhere;flex:1}
.marketing-dialog article{margin-bottom:20px}
.marketing-queue-row>button{flex-shrink:0}
.marketing-ai-field{border-top:1px solid #dbe2dd;padding:16px 0}
.marketing-layout .marketing-checkbox{display:flex;align-items:center;gap:10px;margin-bottom:8px}
#contentForm{border-top:2px solid #356780;margin-top:24px;padding-top:8px}
#contentStatus,#marketingStatus{color:#99412c;overflow-wrap:anywhere}
#marketingStatus:empty{display:none}
.marketing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}
.marketing-toolbar label{max-width:420px;flex:1}
.marketing-layout label{display:grid;gap:6px;font-size:13px;min-width:0}
.marketing-layout input,.marketing-layout select,.marketing-layout textarea{width:100%;min-width:0;padding:10px;border:1px solid #ccd5cf;border-radius:5px;font:inherit;background:white}
.marketing-layout input[type=checkbox]{width:18px;height:18px}
.marketing-layout textarea{resize:vertical}
.marketing-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}
.marketing-field-action{display:flex;align-items:end}
.marketing-field-action button{white-space:normal}
.marketing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-block:1px solid #d2dcd6;padding:18px 0}
.marketing-summary strong{display:block;font-size:23px;margin-top:8px;overflow-wrap:anywhere}
.marketing-summary span{font-size:13px;color:#525d56}
.marketing-table{width:100%;border-collapse:collapse;background:white}
.marketing-table th,.marketing-table td{text-align:left;padding:12px;border-bottom:1px solid #dbe2dd}
.marketing-table th{font-size:12px;color:#58655d;background:#edf3ef}
.marketing-table td label{display:flex;align-items:center;gap:10px}
.marketing-table input[type=number]{max-width:200px}
.marketing-table-scroll{overflow-x:auto}
#draftForm{border-top:2px solid #2c7c57;margin-top:24px;padding-top:8px}
#budgetError{color:#a12f25}
#revisionDiff{padding:12px 0;color:#745000}
#operationsError{color:#a12f25;overflow-wrap:anywhere}
#periodDetail{border-top:2px solid #2c7c57;margin-top:24px}
.marketing-dialog .marketing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.marketing-dialog input[type=password]{width:100%}
.marketing-dialog .marketing-checkbox{display:flex;align-items:center;gap:8px}
.marketing-dialog textarea{min-height:80px;width:100%}
.marketing-creative-preview{display:block;width:min(100%,420px);aspect-ratio:1;object-fit:contain;margin:16px 0}
.marketing-creative-preview[hidden]{display:none}
#history{font-size:13px;border-top:1px solid #dbe2dd;padding-top:12px}
@media(max-width:1100px){.marketing-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-shell{grid-template-columns:184px minmax(0,1fr);gap:20px}.marketing-summary{gap:10px}.marketing-summary strong{font-size:19px}}
@media(max-width:760px){.marketing-layout{padding:12px}.marketing-shell{grid-template-columns:1fr;gap:8px}.marketing-nav{position:static;display:flex;overflow-x:auto;min-height:0;border:0;border-bottom:1px solid #dbe2dd;padding:0 0 8px}.marketing-nav button{flex-shrink:0;white-space:nowrap}.marketing-nav button.active{border-right:0;border-bottom:3px solid #2f7d57}.marketing-heading{gap:12px}.marketing-heading img{width:110px}.marketing-heading h1{font-size:20px}.marketing-fields,.marketing-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-toolbar{flex-wrap:wrap}.marketing-summary strong{font-size:18px}.marketing-table th,.marketing-table td{padding:8px}.marketing-table{font-size:12px}.marketing-table input[type=number]{width:100px}.marketing-dialog{padding:16px}.marketing-workspace h2{font-size:21px}}
@media(max-width:420px){.marketing-fields,.marketing-dialog .marketing-fields{grid-template-columns:1fr}.marketing-table-scroll .marketing-table{min-width:510px}.topbar:has(.marketing-heading){padding:12px}.marketing-heading{align-items:flex-start}.marketing-heading img{width:90px}.marketing-heading #pilotLabel{font-size:12px}}