
#sys-operation{padding:32px 34px 70px;min-width:0}.op-heading,.op-tools,.op-month{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.op-heading{justify-content:space-between}.op-heading h1{margin-top:10px}.op-tools{padding:18px 0}.op-tools label{margin:0}.op-tools select{min-width:180px}.op-month{margin:20px 0}.op-month h2{text-transform:capitalize;min-width:190px}.op-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--sys-border);border-radius:12px;overflow:hidden}.op-weekday{text-align:center;background:#1c1e25;padding:12px;color:var(--sys-muted);font-size:12px}.op-day{min-height:150px;background:#17191f;border-top:1px solid var(--sys-border);border-right:1px solid var(--sys-border);padding:8px;min-width:0}.op-empty{background:#111216}.op-day-number{background:none;color:#ddd;display:flex;justify-content:space-between;width:100%;padding:5px}.op-day-number span{color:var(--sys-orange)}.op-card{display:grid;gap:8px;background:#24262e;border:1px solid #3a3b43;border-left:3px solid var(--sys-orange);border-radius:8px;width:100%;text-align:left;margin:8px 0;padding:12px;white-space:normal;color:#eeedf1;overflow-wrap:anywhere;line-height:1.45}.op-card strong{font-size:13px}.op-card span,.op-card small{font-size:11px;color:#c3c1cc}.op-card .op-tag{color:#ffad88;font-size:10px}.op-board{display:flex;overflow-x:auto;gap:14px;align-items:flex-start;padding-bottom:25px}.op-column{background:#1b1d24;border:1px solid var(--sys-border);border-radius:12px;flex:0 0 260px;padding:14px;min-height:230px}.op-column h2{display:flex;justify-content:space-between;margin:2px 0 18px;font-size:14px}.op-column h2 small{color:var(--sys-muted)}.op-dialog{background:#181a20;color:#f6f4f8;border:1px solid #42444f;border-radius:18px;width:min(820px,94vw);max-height:90vh;padding:28px;box-sizing:border-box}.op-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.op-dialog h2{padding-right:70px}.op-close{float:right}.op-dialog label{display:grid;gap:8px;margin-bottom:15px;color:#d5d3dc;font-size:13px}.op-dialog fieldset{border:0;padding:0;margin:0}.op-dialog input,.op-dialog textarea,.op-dialog select{width:100%;box-sizing:border-box}.op-dialog textarea{resize:vertical}.op-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.op-full{grid-column:1/-1}.op-media-item{display:flex;gap:10px;align-items:center;margin:6px 0}.op-media-item a{color:#ffaf8d;margin-right:auto}.op-approval-tools,.op-feedback{margin:24px 0;padding:20px;background:#22252d;border:1px solid #45424a;border-radius:10px}.op-approval-tools p{color:#bab8c5;font-size:13px;line-height:1.6}.op-approval-tools button{margin:6px 6px 10px 0}.op-dialog details{margin:20px 0}.op-dialog details p{border-top:1px solid #343640;padding-top:12px;white-space:pre-wrap;font-size:13px}.op-feedback p{white-space:pre-wrap}.op-dialog a{color:#ffad88}.op-dialog [role=status],#op-status{color:#ffb896}.op-card:focus-visible,.op-day-number:focus-visible{outline:2px solid #ffae88;outline-offset:2px}@media(min-width:1500px){.op-day{min-height:180px}}@media(max-width:1000px){.op-calendar{grid-template-columns:repeat(7,150px);overflow:visible;width:max-content}.op-weekday{position:sticky;top:0}#op-content{overflow-x:auto}.op-day{min-height:145px}}@media(max-width:650px){#sys-operation{padding:24px 16px 50px}.op-heading{align-items:flex-start}.op-form-grid{grid-template-columns:1fr}.op-full{grid-column:auto}.op-dialog{padding:20px}.op-tools{align-items:flex-start}.op-tools>label:first-child{width:100%}.op-tools select{width:100%}.op-column{flex-basis:260px}}

.op-media-item img,.op-media-item video{width:85px;height:85px;object-fit:contain;border-radius:6px;background:#111}.op-media-item{flex-wrap:wrap}

.op-social-bar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:12px 0 2px;border-top:1px solid var(--sys-border)}.op-social-bar>label{display:flex;gap:8px;align-items:center;font-size:11px;color:#b5b2bc;margin:0}.op-social-bar select{padding:9px 12px;font-size:11px;width:155px}.op-view-tabs{display:flex;border:1px solid #3b3e48;border-radius:8px;padding:3px;gap:3px;margin-right:auto}.op-view-tabs button{background:transparent;padding:10px 14px;color:#c4c1ca;font-size:12px}.op-view-tabs button[aria-pressed=true]{background:#432b22;color:#ffb18a}.op-month{margin:18px 0 14px}.op-month h2{font-size:20px}.op-day{min-height:108px;padding:5px}.op-day-number{font-size:11px;padding:4px}.op-calendar .op-card{padding:7px;gap:4px;margin:5px 0;border-left-width:2px;position:relative}.op-calendar .op-card strong{font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.op-calendar .op-card .op-brand-label{display:none}.op-card .op-status-pill{font-size:9px;border-radius:4px;background:#37323a;color:#d9d4dd;padding:3px 5px;justify-self:start}.op-card.pending{border-left-color:#f1b450}.op-card.pending .op-status-pill{background:#4b3c22;color:#f3cc83}.op-card.changes{border-left-color:#f07e79}.op-card.changes .op-status-pill{background:#4a2a30;color:#ffb4b1}.op-card.approved{border-left-color:#60b78a}.op-card.approved .op-status-pill{background:#253c32;color:#9de2bb}.op-card.production{border-left-color:#aa8de1}.op-card.review{border-left-color:#edc65c}.op-card .op-channel{font-size:9px;color:#a4aac0}.op-cover{height:130px;overflow:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#111318}.op-cover img{width:100%;height:100%;object-fit:cover}.op-calendar .op-cover{height:55px}.op-calendar .op-card .op-tag{font-size:9px}.op-empty-stage{font-size:11px;color:#858592;padding:16px 2px;line-height:1.5}.op-column{border-top:3px solid #666570}.op-column.production{border-top-color:#a28bdd}.op-column.review{border-top-color:#e8c35e}.op-column.pending{border-top-color:#ed994b}.op-column.changes{border-top-color:#df7477}.op-column.approved{border-top-color:#65b68c}.op-today .op-day-number{color:#ffac7f;font-weight:bold}.op-channel-picker{display:flex!important;gap:8px;flex-wrap:wrap;margin-bottom:18px!important}.op-channel-picker legend{font-size:12px;color:#c2bdcc;margin-bottom:12px}.op-channel-picker label{display:flex!important;gap:5px;align-items:center;font-size:11px;margin:0;border:1px solid #44414e;padding:8px;border-radius:6px}.op-channel-picker input{width:auto!important}.op-calendar .op-empty{min-height:108px}@media(min-width:1500px){.op-day{min-height:120px}}@media(max-width:1000px){.op-calendar{grid-template-columns:repeat(7,125px)}.op-day{min-height:108px}.op-social-bar{align-items:flex-start}}@media(max-width:650px){.op-view-tabs{width:100%;margin:0}.op-view-tabs button{flex:1}.op-social-bar>label{flex:1;display:grid}.op-social-bar select{width:100%}}

/* Compositor de publicações: formulário e prévia lado a lado. */
.op-post-editor{width:min(1220px,96vw);max-width:none;height:94vh;max-height:94vh;padding:0;border-radius:16px;overflow:hidden}.op-post-editor[open]{display:flex;flex-direction:column}.op-composer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid #363841;background:#1a1c23;flex-shrink:0}.op-composer-head h2{font-size:23px!important;letter-spacing:-.6px;margin:7px 0 0!important;padding:0!important}.op-composer-head .sys-eyebrow{font-size:9px}.op-composer-head .op-close{float:none;min-height:38px;padding:10px 16px;font-size:12px}.op-composer-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);min-height:0;flex:1;overflow:hidden}.op-compose-fields{overflow-y:auto;padding:22px 26px;min-width:0}.op-compose-fields form{margin:0}.op-compose-section{margin:0 0 22px}.op-compose-section h3{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:0;margin:0 0 14px;color:#f0edf3}.op-compose-section h3>span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:#3d2a23;color:#ffa47c;border-radius:6px;font-size:9px}.op-compose-section label{font-size:11px;margin-bottom:12px;gap:7px}.op-compose-section input,.op-compose-section select,.op-compose-section textarea{font-size:12px;padding:11px 12px;line-height:1.45}.op-compose-section small{font-size:10px;color:#9995a6;line-height:1.5}.op-compose-section .op-channel-picker{gap:6px;margin-bottom:13px!important}.op-compose-section .op-channel-picker label{padding:7px 8px;font-size:10px;background:#20222a}.op-compose-section .op-channel-picker legend{font-size:11px}.op-compose-section .op-channel-picker input{accent-color:#ff884f;padding:0}.op-compose-section textarea{min-height:110px}.op-compose-section .op-upload-box{padding:14px;background:#20232b;border:1px dashed #5b4d46;border-radius:9px;color:#ffa67f;font-size:12px}.op-upload-box input{padding:9px 0 0!important;font-size:10px!important;background:transparent;border:0}.op-upload-box input::file-selector-button{background:#3c2b24;border:1px solid #6b4230;color:#ffd2bc;padding:8px 10px;border-radius:5px;margin-right:10px;cursor:pointer}.op-compose-section .op-media-item{background:#22252d;padding:7px;border-radius:8px;gap:7px}.op-compose-section .op-media-item img,.op-compose-section .op-media-item video{width:48px;height:48px}.op-compose-section .op-media-item button{padding:7px 9px;font-size:10px}.op-compose-section .op-media-item a{font-size:10px}.op-production-options{border-top:1px solid #353642;padding-top:16px}.op-production-options summary{font-size:12px;color:#b9b4c7;cursor:pointer;margin-bottom:15px}.op-composer-footer{flex-shrink:0;padding:14px 24px;border-top:1px solid #363841;background:#1b1d24;display:flex;gap:20px;align-items:center;justify-content:space-between}.op-composer-footer .op-compose-status{font-size:10px;line-height:1.6;color:#c4b1a4!important;margin:0;max-width:410px}.op-compose-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.op-compose-actions button{padding:12px 17px;font-size:11px}.op-live-preview{background:#121419;border-left:1px solid #353841;padding:23px 28px;overflow-y:auto;min-width:0}.op-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.op-preview-heading>div{display:grid;gap:6px}.op-preview-heading>div>span{font-size:10px;letter-spacing:1.5px;color:#e6dfed;font-weight:bold}.op-preview-heading small{font-size:10px;color:#888b99}.op-live-dot{display:flex;align-items:center;gap:5px;font-size:9px;background:#20372d;color:#91d5ae;padding:6px 8px;border-radius:20px;white-space:nowrap}.op-live-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#7fd6a0}.op-preview-networks{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 13px}.op-preview-networks button{background:#232630;border:1px solid #393d4a;color:#a8adbe;padding:7px 10px;border-radius:6px;font-size:10px}.op-preview-networks button[aria-pressed=true]{color:#ffb28d;border-color:#9e583c;background:#3a2923}.op-preview-networks>small{color:#9d9aa9;font-size:11px}.op-network-post{background:white;border:1px solid #ddd;border-radius:12px;overflow:hidden;color:#24262b;box-shadow:0 10px 35px #0003}.op-network-post>header{height:auto!important;display:flex;align-items:center;gap:10px;padding:13px 15px!important;background:white;border:0!important}.op-preview-avatar{background:linear-gradient(135deg,#ffab79,#ef6635);width:32px;height:32px;flex-shrink:0;border-radius:50%;color:white;font-size:14px;font-weight:bold;display:flex;align-items:center;justify-content:center;overflow:hidden}.op-preview-avatar img{width:100%;height:100%;object-fit:contain}.op-network-post>header>div:nth-child(2){display:grid;gap:4px;min-width:0}.op-network-post header strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:270px}.op-network-post header small{font-size:9px;color:#888}.op-preview-dots{margin-left:auto;font-size:13px;letter-spacing:1px}.op-preview-media{background:#f0efed;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;overflow:hidden}.op-preview-media>img,.op-preview-media>video{display:block;width:100%;height:100%;object-fit:contain;max-height:340px}.op-preview-empty{display:grid;gap:12px;padding:30px;justify-items:center;text-align:center;color:#a7a4a0}.op-preview-empty>span{width:44px;height:44px;border:1px dashed #b4aaa1;border-radius:10px;font-size:29px;display:grid;place-items:center;color:#bd8562}.op-preview-empty strong{font-size:12px;font-weight:500}.op-preview-empty small{font-size:10px;line-height:1.5}.op-preview-carousel{display:flex;align-items:center;justify-content:center;gap:14px;padding:7px}.op-preview-carousel[hidden]{display:none!important}.op-preview-carousel button{background:white;color:#a76d49;border:1px solid #e4dcd4;padding:3px 8px;font-size:11px}.op-preview-carousel span{font-size:9px;color:#999}.op-preview-icons{padding:10px 15px 0;font-size:21px;color:#4d4e53}.op-preview-icons>span{float:right}.op-preview-caption{margin:0;padding:10px 15px 15px;font-size:11px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:125px;overflow-y:auto;color:#3c3c43}.op-preview-caption.is-empty{color:#a4a1a0;font-style:italic}.op-preview-schedule{padding:12px 15px;display:grid;gap:5px;background:#fff8f2;border-top:1px solid #eddfd5}.op-preview-schedule>span{font-size:8px;letter-spacing:1px;color:#a47f65}.op-preview-schedule strong{font-size:12px;color:#795033}.op-preview-schedule small{font-size:9px;color:#aa8871}.op-preview-note{color:#7e818e;font-size:10px;text-align:center;line-height:1.5;margin:12px 0 0}.op-post-editor .op-approval-tools{padding:16px}.op-post-editor .op-approval-tools h3{font-size:12px}.op-post-editor .op-approval-tools p{font-size:11px}.op-post-editor .op-approval-tools button{font-size:11px;padding:9px 12px}@media(max-width:900px){.op-post-editor{width:98vw}.op-composer-body{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}.op-compose-fields{padding:18px}.op-live-preview{padding:18px}.op-composer-footer{padding:12px 18px}.op-compose-actions button{padding:10px 12px}.op-composer-footer .op-compose-status{max-width:250px}}@media(max-width:680px){.op-post-editor{width:98vw;height:96vh;max-height:96vh}.op-composer-head{padding:15px}.op-composer-head h2{font-size:20px!important}.op-composer-body{display:block;overflow-y:auto}.op-compose-fields,.op-live-preview{overflow:visible;padding:18px}.op-live-preview{border-left:0;border-top:1px solid #353841}.op-composer-footer{display:block;padding:12px 15px}.op-composer-footer .op-compose-status{max-width:none;margin-bottom:8px}.op-compose-actions{justify-content:stretch}.op-compose-actions button{flex:1}.op-compose-section .op-form-grid{grid-template-columns:1fr 1fr}.op-preview-media{aspect-ratio:1.2}.op-preview-heading{margin-top:3px}}

.op-network-post header strong{letter-spacing:0!important;text-transform:none!important;font-weight:700;line-height:1.3}.op-post-editor .op-channel-picker input[type=checkbox]{height:12px;width:12px!important;min-height:0;margin:0}.op-post-editor .op-channel-picker label{gap:4px;padding:6px;font-size:9px}.op-post-editor .op-channel-picker{gap:4px}

.op-compose-section{margin-bottom:15px}.op-compose-section h3{margin-bottom:10px}.op-compose-section label{margin-bottom:8px}.op-compose-section input,.op-compose-section select{padding:9px 11px}.op-compose-section .op-upload-box{padding:10px}.op-network-post{max-width:380px;margin:0 auto}.op-preview-media{aspect-ratio:auto;height:260px}.op-preview-media>img,.op-preview-media>video{max-height:260px}.op-preview-caption{max-height:98px}.op-compose-fields{padding-top:18px}.op-compose-section textarea{min-height:105px}

.op-task-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--sys-border);padding:16px 0}.op-task-toolbar label{margin:0;display:grid;gap:6px;font-size:12px}.op-task-toolbar select{min-width:180px}.op-work-summary{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.op-work-summary span{padding:10px 15px;background:#24252d;border:1px solid #393a43;border-radius:8px;font-size:12px}.op-card .op-demo,.op-demo{color:#efb474;font-size:10px;letter-spacing:.4px}.op-work-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.op-work-actions button{font-size:12px}.op-reference{display:inline-block;padding:8px;margin:4px;border:1px solid #51453a;border-radius:6px}.op-dialog #work-status{color:#ffb18a}#work-adjustment[hidden]{display:none}@media(max-width:650px){.op-task-toolbar .op-view-tabs{width:100%}.op-work-summary{display:grid;grid-template-columns:1fr 1fr}.op-work-summary span{font-size:11px}}

#sys-operation .op-board .op-column{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}#sys-operation .op-board .op-column h2{position:sticky;top:-14px;background:#1b1d24;padding:12px 0;z-index:1}

.op-board-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:15px 0 10px;color:#bdb5c7;font-size:11px}.op-board-controls>div{display:flex;gap:6px}.op-board-controls button{padding:8px 14px;font-size:18px}.op-board-controls button:disabled{opacity:.3;cursor:default}.op-board{cursor:grab;scrollbar-width:auto;scrollbar-color:#9d6547 #22242c;scrollbar-gutter:stable}.op-board.is-panning,.op-board.is-panning *{cursor:grabbing!important;user-select:none!important}.op-board .op-card{cursor:pointer}.op-board .op-card[draggable],.op-board [draggable=true]{cursor:grab}.op-board::-webkit-scrollbar{height:15px}.op-board::-webkit-scrollbar-track{background:#22242c;border-radius:10px}.op-board::-webkit-scrollbar-thumb{background:#9d6547;border:3px solid #22242c;border-radius:10px}.op-board:focus-visible{outline:2px solid #f78c53;outline-offset:4px}.op-plan-proposal{margin-top:16px}@media(max-width:650px){.op-board-controls{align-items:flex-start}.op-board-controls span{max-width:230px}}
