:root{--green:#6356eb;--nav:#101328;--border:#e8e9f2;color:#283047;background:#f3f4fa;font-family:'Segoe UI','Microsoft YaHei',sans-serif}.shell{grid-template-columns:238px minmax(0,1fr)}.sidebar{width:238px;background:radial-gradient(ellipse at 0 0,#30306b 0,transparent 50%),linear-gradient(175deg,#161a36,#101326 70%);padding:25px 16px;border-right:1px solid #ffffff0b}.brand{font-size:27px;letter-spacing:1px;white-space:nowrap;padding:0 9px;gap:11px}.brand img{width:40px;height:40px;filter:drop-shadow(0 0 12px #8577ff55)}.brand-sub{margin:7px 0 22px 61px;font-size:12px;letter-spacing:1px;color:#a0a6c9}.tenant-panel{border:1px solid #858af132;border-radius:12px;background:#ffffff09;padding:13px;margin-bottom:15px}.tenant-logo{background:white;border-radius:7px;padding:7px;display:flex;align-items:center;justify-content:center;min-height:42px;max-width:160px}.tenant-logo img{max-width:140px;max-height:33px;object-fit:contain}.tenant-monogram{width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,#7869f5,#49bce0);color:white;display:grid;place-items:center;font-size:19px;font-weight:700}.tenant-meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;gap:5px;font-size:13px;color:#e4e5fa}.angel{font-size:10px;color:#edca80;border:1px solid #edca8045;border-radius:4px;padding:3px 5px;white-space:nowrap}.nav-label{font-size:11px;color:#767da5;margin:14px 14px 6px}.navitem{padding:10px 14px;gap:12px;color:#aab0d0;border:1px solid transparent;transition:background .18s,color .18s}.navitem.active{background:linear-gradient(95deg,#6755db33,#5448a71a);border-color:#8c79fe42;color:#b7abff;box-shadow:inset 3px 0 0 #9485ff}.navitem:hover{background:#7a69e91c;color:white}.sidebar-footer{border-color:#ffffff14;color:#d4d6ec;font-size:13px;margin-top:25px}.avatar{background:#e8e5ff;color:#7260d7}.topbar{background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:1px solid #e9eaf3;height:74px}.workspace{font-size:14px}.topbar .right .muted{font-size:12px;letter-spacing:1px;color:#8d8cac}.content{max-width:1780px;padding-top:30px}.title-row{margin-bottom:21px}h1{font-size:27px;font-weight:700;letter-spacing:-.7px}.subtitle{font-size:14px;color:#83889b}.primary{background:linear-gradient(125deg,#6f5ae9,#595ee1);border:1px solid #6c60e6;box-shadow:0 4px 11px #6252d522;color:#fff}.primary:hover{filter:brightness(1.08)}button{transition:box-shadow .15s,background .15s}button:hover{box-shadow:0 3px 12px #2930530c}input:focus,select:focus,textarea:focus{outline:2px solid #7366dc44;border-color:#8376e6}.demo{background:#fbf8ef;border-color:#eee7d7;color:#a38c5b}.filters{padding:13px 15px;border:1px solid #e6e8f1;background:#ffffffb5;border-radius:11px;gap:10px}.filters select,.filters input{background:#f9faff;border-color:#e9eaf4}.card{border-radius:13px;border:1px solid #e5e7f0;box-shadow:0 5px 23px #22224b03}.card-head{border-bottom:1px solid #eef0f7}.metric{border-radius:13px;border-color:#e5e7f0;overflow:hidden;padding:23px}.metric:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,#8471f2,#80c9e8);opacity:.8}.metric:nth-child(2):before{background:linear-gradient(90deg,#4bb1d1,#86d2c5)}.metric:nth-child(3):before{background:linear-gradient(90deg,#8298e2,#b1a7eb)}.metric:nth-child(4):before{background:linear-gradient(90deg,#d4aa68,#eed2a6)}.metric-icon{background:#f1effe;color:#7765d6}.metric-value{font-size:31px;color:#252c47}.metric-footer{font-size:12px;color:#999daf;line-height:1.7}.tag.green{background:#e9f7f2;color:#258d75}.tag.blue{background:#eeedff;color:#7466c3}.tag.amber{background:#fff4e4;color:#b38c42}.notice{background:#efeffa;border:1px solid #e6e5f6;color:#777899}.bar-fill{background:linear-gradient(90deg,#7460dd,#72b8d8)}th{background:#f8f9fd;color:#9396a8}td{border-color:#f0f1f7}.link{color:#7362d5}.footnote{color:#9b9fb1}.brand-en{display:block;font-size:12px;letter-spacing:3px;font-weight:400}.auth{background:#f7f7fd}.auth-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 0,#484082 0,transparent 65%),radial-gradient(ellipse at 90% 90%,#154965 0,transparent 65%),#13172f;padding:10vh 12%;isolation:isolate}.auth-art:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:40px 40px}.auth-art h1{font-size:50px;line-height:1.55;letter-spacing:1px}.gradient-text{color:#a5afff;background:linear-gradient(90deg,#b2a1ff,#73d6e8);background-clip:text;-webkit-text-fill-color:transparent}.auth-art p{color:#aaafd0;font-size:15px}.auth-decoration span{background:linear-gradient(0deg,#6054bf55,#99a3ff);border:1px solid #aea8ff38}.auth-card form{width:390px}.auth-card h1{font-size:29px}.auth form .primary{padding:14px}.asset-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.asset-stat{background:#fff;border:1px solid #e7e8f1;border-radius:12px;padding:18px 21px}.asset-stat strong{font-size:27px;display:block;margin-top:9px;color:#3f4266}.asset-stat span{color:#888fa1;font-size:13px}.asset-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}.asset-toolbar input{min-width:260px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.asset-card{background:white;border:1px solid #e3e5ef;border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.asset-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #28244912}.asset-cover{height:182px;background:linear-gradient(140deg,#232746,#3a3861);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.asset-cover img,.asset-cover video{width:100%;height:100%;object-fit:contain}.asset-cover video{background:#15182d}.asset-glyph{font-size:47px;color:#aaa3e5;font-weight:300}.asset-cover .cover-type{position:absolute;top:12px;left:12px;background:#11162dbb;color:#dcdafa;border:1px solid #ffffff1c;border-radius:5px;padding:4px 8px;font-size:11px;pointer-events:none}.asset-content{padding:18px}.asset-content h3{font-size:16px;color:#343854;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:8px}.asset-byline{color:#979bad;font-size:12px;margin-bottom:15px}.asset-tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.asset-status{border-top:1px solid #eff0f5;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:8px}.asset-meta{font-size:12px;color:#8c91a5;line-height:1.9}.upload-zone{border:1px dashed #a5a0d4;border-radius:10px;background:#f7f6ff;padding:18px;color:#797197;line-height:1.8;margin-bottom:20px}.upload-zone input{display:block;max-width:100%;margin-top:8px}.asset-preview{max-height:320px;width:100%;object-fit:contain;background:#141831;border-radius:10px}.company-settings-logo{max-width:190px;max-height:65px;object-fit:contain;margin:10px 0 22px}.empty-asset{padding:65px 25px;text-align:center;border:1px dashed #d7d6eb;background:#ffffff88;border-radius:14px;grid-column:1/-1}.empty-asset .asset-glyph{font-size:44px;color:#8176c4;margin-bottom:15px}.empty-asset h2{margin:10px 0}.empty-asset p{color:#8b8da6;line-height:1.8}.delivery-info{background:#eef8f3;border:1px solid #d8eee2;padding:15px;border-radius:9px;color:#41886e;line-height:1.9;margin-bottom:18px}.company-card{display:flex;align-items:center;gap:18px;background:linear-gradient(105deg,#eceafa,#f6f9ff);border:1px solid #e6e2f5;border-radius:12px;padding:20px;margin-bottom:20px}.company-card .tenant-logo{min-width:160px}.field label input,.field label select{display:block;width:100%;margin-top:7px}.progress-label{font-size:13px;color:#7263c8;margin-top:8px}.asset-card .actions{margin-top:14px}.asset-card a.link{text-decoration:none}.new-customer{margin-top:20px;border-top:1px solid #e7e8f1;padding-top:20px}.sidebar .tenant-logo{max-width:none}.sidebar .tenant-logo img{max-width:166px}
.sidebar .tenant-panel .tenant-meta{display:none}
.company-card>div:first-child{flex:0 0 160px;max-width:160px}.company-card .tenant-logo{width:160px;min-width:0;max-width:100%;min-height:0;padding:0;overflow:hidden;background:transparent;border-radius:8px}.company-card .tenant-logo img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}.company-card .tenant-meta{color:#59617d}.company-card .tenant-meta .muted{color:#737b92}
.wf-intro{padding:28px;border:1px solid #dbd8f5;border-radius:16px;background:linear-gradient(115deg,#edeaff,#f5faff);margin-bottom:20px}.wf-intro h2{font-size:25px;margin:15px 0}.wf-intro p{max-width:850px;line-height:1.9;color:#646d86}.wf-intro .actions{margin-top:20px;flex-wrap:wrap;align-items:center}.wf-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.wf-start-grid p{line-height:1.9;color:#69718a}.wf-demo-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.wf-demo-tabs [aria-selected=true]{background:#6356eb;color:white;border-color:#6356eb}.wf-demo-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;line-height:1.9}.wf-demo-content h3{font-size:20px;margin:14px 0}.wf-demo-note{background:#f5f6fc;padding:20px;border-radius:12px;color:#59617d}
@media(min-width:1600px){.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{width:210px}.brand{font-size:24px}.brand-sub{margin-left:56px;font-size:11px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wf-start-grid,.wf-demo-content{grid-template-columns:1fr}.wf-intro{padding:20px}.shell{display:block}.sidebar{width:100%;padding:12px;flex-direction:row}.tenant-panel{display:none}.brand{font-size:21px}.brand img{width:32px;height:32px}.brand-sub{display:none}.navitem{padding:8px 12px}.asset-grid{grid-template-columns:1fr}.asset-stats{gap:10px}.asset-stat{padding:15px}.asset-toolbar input{min-width:0;width:100%}.auth-art{display:none}.metric-value{font-size:25px}.topbar{height:65px}.company-card{flex-wrap:wrap}.content{padding:20px 14px}h1{font-size:25px}.form-grid{grid-template-columns:1fr}}
/* Works metrics share a row on desktop and wrap on narrow screens. */
#engagement .asset-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
#engagement .card-head { flex-wrap: wrap; gap: 12px; }
#engagement .card-head h2 { margin-right: auto; }
@media (max-width: 1000px) { #engagement .asset-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { #engagement .asset-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Business overview: one primary exposure measure and traceable daily modules. */
.overview-exposure { background: linear-gradient(120deg,#eeebff,#fff 68%); border-color:#dcd5ff; }
.overview-eyebrow { font-size:11px; letter-spacing:2px; color:#7360cf; }
.overview-exposure-row { display:grid; grid-template-columns:1fr 2fr; gap:30px; align-items:center; }
.overview-exposure-number { display:block; border:0; background:transparent; box-shadow:none; padding:8px 0; font-size:46px; font-weight:750; color:#6251d7; }
.overview-exposure-number small { font-size:14px; margin-left:12px; }
.overview-three,.overview-four { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.overview-four { grid-template-columns:repeat(4,minmax(0,1fr)); }
.overview-stat { display:flex; flex-direction:column; gap:10px; padding:12px 0; }
.overview-stat>span,.overview-stat small { font-size:12px; color:#7c889e; }
.overview-stat strong { font-size:25px; overflow-wrap:anywhere; }
.overview-channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:18px; }
.overview-channel { text-align:left; display:flex; flex-direction:column; gap:8px; padding:18px; }
.overview-channel small { color:#7c889e; line-height:1.7; }
.overview-grid { display:grid; grid-template-columns:1.15fr 1fr; gap:20px; }
.overview-grid .overview-four { grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:1100px){.overview-exposure-row,.overview-grid{grid-template-columns:1fr}.overview-channels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.overview-four,.overview-three{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-channels{grid-template-columns:1fr}.overview-exposure-number{font-size:36px}}
.dashboard-trends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.dashboard-trends .card{margin:0}.trend-svg{width:100%;height:auto;min-height:160px}.trend-svg text{font-size:11px;fill:#8a94a7}.trend-legend{display:flex;gap:12px;flex-wrap:wrap;min-height:24px;font-size:12px;color:#687489}.trend-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.chart-empty{padding:65px 20px;text-align:center;color:#9ca6b6}.platform-panel{grid-column:1/-1;background:linear-gradient(140deg,#f7f5ff,#f5fafb);border:1px solid #e8e5f4;border-radius:16px;padding:20px;margin:8px 0 18px}.platform-panel h3{margin:0 0 18px;color:#5544bb}.creator-history{margin-top:24px;padding-top:20px;border-top:1px solid #e6e8ef}.history-list{max-height:320px;overflow:auto}.history-list article{border-left:3px solid #7862ec;padding:8px 16px;margin:12px 0;background:#f8f9fd;border-radius:0 10px 10px 0}.history-list time{float:right;font-size:12px;color:#8791a2}.history-list p{white-space:pre-wrap;overflow-wrap:anywhere}.creator-history form label{display:block;margin:10px 0}.creator-history textarea{width:100%;min-height:95px}.role-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-options .checkbox{padding:14px;background:#f7f8fd;border:1px solid #e4e7f0;border-radius:12px;display:flex;flex-direction:row;align-items:center;gap:10px}.role-options input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;accent-color:#7058e8}.role-options .checkbox:has(input:checked){background:#eeebff;border-color:#9988ef;color:#5544bb}.search-picker{border:1px solid #e0e4ef;border-radius:12px;padding:10px;background:#fff}.search-picker>input{width:100%}.picker-results{display:none;max-height:190px;overflow:auto;margin-top:8px;border-top:1px solid #eef0f7}.search-picker:focus-within .picker-results{display:block}.picker-option{display:block;width:100%;text-align:left;border:0;padding:10px;background:transparent}.picker-option:hover{background:#f0edff}.picker-chips{display:flex;flex-wrap:wrap;gap:6px}.picker-chip{font-size:12px;background:#eeebff;color:#5d49ba;border:0;border-radius:8px;margin-bottom:8px;padding:7px 10px}.overview-stat strong{font-variant-numeric:tabular-nums}.overview-grid>.card{height:100%}@media(max-width:900px){.dashboard-trends{grid-template-columns:1fr}}@media(max-width:600px){.role-options{grid-template-columns:1fr}}
label.link:has(#engagement-file) {
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
 .collector-result { margin:12px 0; padding:14px; border:1px solid #e4e6ef; border-radius:10px; }
 .collector-result summary { cursor:pointer; color:#654bd9; }
 .collector-result .collector-changed td { background:#f0ebff; color:#49329d; font-weight:600; }
#wf-actions:not(:empty) { margin:24px 0; padding:16px; background:#f6f4ff; border:1px solid #e4defa; border-radius:12px; gap:12px; }
#wf-actions button[data-action="exception"] { min-height:44px; padding:12px 20px; background:#6b4ee6; color:#fff; border:1px solid #6b4ee6; font-weight:600; box-shadow:0 4px 12px #6b4ee62b; }
#wf-actions button[data-action="exception"]::before { content:"!"; display:inline-grid; place-items:center; width:19px; height:19px; margin-right:8px; border:1.5px solid currentColor; border-radius:50%; font-weight:700; }
#wf-actions button[data-action="exception"]:hover { background:#5538c9; border-color:#5538c9; }
#wf-actions button[data-action="exception"]:focus-visible { outline:3px solid #baa9ff; outline-offset:3px; }
.wf-content-label { margin:20px 0 10px; padding:10px 12px; border-left:3px solid #7258ef; background:#f5f2ff; border-radius:0 8px 8px 0; font-size:14px; line-height:1.6; color:#49329d; }
.wf-project-information { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin:20px 0; }
.wf-project-information > .insight { min-width:0; margin:0; padding:18px 20px; border:1px solid #e8e5f2; border-radius:12px; }
.wf-project-information .wf-content-label { margin-top:0; }
.wf-project-text { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; margin:12px 0 0; }
.flow-homepage { display:inline-block; max-width:min(280px,32vw); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:bottom; text-decoration:underline; text-underline-offset:3px; }
.flow-homepage:focus-visible { outline:2px solid #7762e8; outline-offset:3px; border-radius:3px; }
.flow-review-status { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:116px; max-width:220px; white-space:normal; }
.flow-status-badge { display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border-radius:999px; font-size:13px; font-weight:600; line-height:1.5; white-space:nowrap; }
.flow-status-badge::before { content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.flow-status-badge.approved { color:#14765a; background:#e7f5ee; }
.flow-status-badge.rejected { color:#b63743; background:#fff0f1; }
.flow-status-badge.pending { color:#986415; background:#fff5de; }
.flow-review-note { font-size:13px; line-height:1.6; overflow-wrap:anywhere; }
.flow-review-note > .muted { font-size:12px; }
.flow-review-person { color:#778299; font-size:12px; overflow-wrap:anywhere; }
.flow-decision-info { min-width:240px; max-width:640px; white-space:normal; overflow-wrap:anywhere; }
.flow-decision-creator { margin:8px 0 14px; font-weight:600; }
.flow-decision-creator > span { margin-left:8px; font-weight:400; }
.flow-creator-homepage { text-decoration:underline; text-underline-offset:3px; }
.flow-creator-homepage > span { margin-left:8px; font-weight:400; }
.flow-decision-info dl { display:grid; gap:12px; margin:0; padding:14px 16px; background:#f7f8fc; border:1px solid #ebeef5; border-radius:10px; }
.flow-decision-field dt { color:#778299; font-size:12px; margin-bottom:5px; }
.flow-decision-field dd { margin:0; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; color:#24344c; }

/* More columns in the creator import selection dialog. */
dialog.creator-batch-dialog { max-width:1100px; }
.creator-batch-dialog .toolbar { padding:10px 0 16px; }
.creator-batch-dialog th,.creator-batch-dialog td { padding:12px 14px; }