:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#000;color:#f4f4f5;--green:#50c5a0;--line:#303033;--muted:#94949b}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:14px;align-items:center;padding:20px 32px;border-bottom:1px solid var(--line)}header strong{color:var(--green);letter-spacing:2px}header span{color:var(--muted);font-size:14px}header button{margin-left:auto}main{max-width:1360px;margin:26px auto;padding:0 32px 40px}button{font:inherit;border:1px solid var(--line);border-radius:12px;background:#262628;color:#eee;padding:12px 18px;font-weight:600;cursor:pointer;transition:background .15s}button:hover{background:#343438}.primary,.selected{background:var(--green);border-color:var(--green);color:#09291f}button:disabled{opacity:.45;cursor:wait}input,textarea,select{font:inherit;background:#262628;border:1px solid #3a3a3e;border-radius:10px;color:inherit;padding:12px;width:100%;margin:8px 0}input:focus,textarea:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}textarea{min-height:100px;resize:vertical}nav{display:flex;gap:6px;flex-wrap:wrap;padding:7px;background:#1c1c1e;border-radius:18px;margin-bottom:26px}nav button{border:0;padding:10px 14px;font-size:14px}#refresh{margin-left:auto;background:transparent;color:var(--muted)}#login{max-width:600px;margin:60px auto;background:#1c1c1e;padding:28px;border-radius:24px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}.page-heading h1{font-size:26px;font-weight:650;margin:0}#crm-toolbar{display:flex;gap:10px;align-items:center}#status-filter{width:170px;margin:0}#metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 22px}.metric{background:#1c1c1e;padding:18px 22px;border-radius:18px;display:flex;flex-direction:column;gap:9px}.metric strong{font-size:24px}#search{max-width:440px;margin:0 0 22px}#list{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:18px;align-items:start}.card{background:#1c1c1e;border:1px solid #303033;border-radius:23px;padding:22px;overflow:hidden}.card h2{font-size:21px;font-weight:650;margin:0 0 7px}.service{color:#30d158;font-size:15px;margin-bottom:12px}.muted{color:var(--muted);font-size:13px}.text{white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.price{font-size:23px;font-weight:700;font-variant-numeric:tabular-nums}.badge{padding:5px 10px;border-radius:10px;background:#303033;font-size:12px;display:inline-block}.score,.green{background:#1d3628;color:#30d158}.yellow{background:#39320f;color:#ffd60a}.red{background:#3a2022;color:#ff453a}.amount-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px 0;margin-top:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid label{font-size:13px;color:var(--muted)}.form-grid input{color:#f4f4f5}#qr svg{max-width:220px;border-radius:14px;margin:20px 0}#notice{color:var(--muted);font-size:13px;line-height:1.5}details{margin-top:16px}summary{cursor:pointer;color:#6bb5ff;font-size:14px;padding:4px 0}details[open] summary{margin-bottom:18px}details>button{margin:12px 8px 0 0}.danger{color:#ff6969;border-color:#593033}dialog{background:#1c1c1e;color:#f4f4f5;border:1px solid var(--line);border-radius:24px;padding:26px;width:min(640px,92vw)}dialog::backdrop{background:rgb(0 0 0/.7)}.row{display:flex;justify-content:flex-end;gap:12px;margin:14px 0}.row button{min-width:110px}[hidden]{display:none!important}@media(max-width:650px){header{padding:18px}main{padding:0 16px}.page-heading{align-items:flex-start;flex-direction:column}#metrics{gap:8px}.metric{padding:14px 10px}.metric strong{font-size:18px}.metric span{font-size:11px}#list{grid-template-columns:1fr}nav{flex-wrap:nowrap;overflow-x:auto}nav button{white-space:nowrap}#crm-toolbar{width:100%;justify-content:space-between}.form-grid{grid-template-columns:1fr}#search{max-width:100%}} /* Shared SRN workspace: CRM workflow, native Apple palette. */ :root{--blue:#0a84ff;--orange:#ff9f0a;--green:#64d2ae;--muted:#a1a1a6}header strong{letter-spacing:.5px}nav{border:1px solid #2c2c2e}.radar-title{display:flex;gap:16px;align-items:center;margin-bottom:14px}.radar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.radar-grid button{display:flex;flex-direction:column;text-align:left;gap:12px;background:#1c1c1e;font-size:12px;font-weight:500;padding:15px}.radar-grid button strong{font-size:24px;color:var(--orange)}.radar-grid button.selected{border-color:var(--green);background:#17382d}.radar-grid button.selected strong{color:var(--green)}#list.customer-table{display:block;border:1px solid var(--line);border-radius:18px;overflow:hidden}.table-head,.customer-row{display:grid;grid-template-columns:70px minmax(200px,1.2fr) minmax(220px,1.6fr) minmax(135px,.8fr) minmax(160px,1fr);gap:18px;padding:18px}.table-head{background:#232325;color:var(--muted);font-size:12px}.customer-row{background:#1c1c1e;border-top:1px solid var(--line);align-items:start}.customer-row h2{font-size:19px;margin:0 0 6px}.customer-row .identity-cell{display:flex;flex-direction:column;gap:8px}.customer-row h3{font-size:12px;color:var(--muted);margin:0 0 5px}.customer-row p{font-size:13px;margin:0 0 14px}.customer-row .request-cell .text{max-height:170px;overflow:auto}.customer-row .price{font-size:16px}.customer-row .amount-grid{padding:10px 0;margin:10px 0}.customer-row .service{margin-bottom:8px}.customer-row details{margin:0}.customer-row details[open]{position:relative}.customer-row .form-grid{grid-template-columns:1fr}.customer-row input,.customer-row textarea,.customer-row select{padding:9px}.customer-row button{padding:10px;font-size:12px}.customer-row .action-cell{min-width:0}.customer-row details[open]{background:#252527;border-radius:12px;padding:12px}.radar-grid button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:1100px){.radar-grid{grid-template-columns:repeat(4,1fr)}.table-head{display:none}.customer-row{grid-template-columns:55px 1fr 1.2fr}.customer-row .follow-cell{grid-column:2}.customer-row .action-cell{grid-column:3}}@media(max-width:650px){.radar-title{align-items:flex-start;flex-direction:column;gap:5px}.radar-grid{grid-template-columns:repeat(2,1fr)}.radar-grid button:last-child{grid-column:span 2}.customer-row{grid-template-columns:42px 1fr;gap:12px;padding:16px}.customer-row .request-cell,.customer-row .follow-cell,.customer-row .action-cell{grid-column:2}.customer-row .form-grid{grid-template-columns:1fr}.customer-row details[open]{padding:10px}.customer-row .request-cell .text{max-height:none}} .phone-approval{max-width:480px}.phone-approval canvas{display:block;margin:16px auto}.action-row{display:flex;gap:12px;flex-wrap:wrap}.decision-panel{border-top:1px solid #343439;padding-top:16px}.decision-panel textarea{width:100%;min-height:80px}.reply{margin-top:16px;padding:16px;border:1px solid #28735d;border-radius:16px} #workspace.crm-embedded > :not(nav):not(#crm-workspace){display:none!important} #crm-workspace{display:block;width:100%;height:calc(100dvh - 152px);min-height:540px;border:0;border-radius:14px;background:#101012} #crm-workspace[hidden]{display:none} #workspace.crm-embedded nav{margin-bottom:12px} nav button.selected,nav button.selected:hover{background:var(--green);color:#09291f}nav button:focus-visible{outline:2px solid var(--green);outline-offset:2px} /* CRM fills the same viewport as the original srndij.sbs app. */ body.original-crm{overflow:hidden;background:#101012} body.original-crm>header{display:none} body.original-crm>main{max-width:none;margin:0;padding:0} body.original-crm #workspace>nav{display:none} body.original-crm #crm-workspace{width:100%;height:100dvh;min-height:0;border-radius:0} body.original-crm #notice:empty{display:none} body.original-crm #notice:not(:empty){position:fixed;bottom:18px;right:18px;max-width:340px;margin:0;padding:12px 16px;background:#29292c;border:1px solid #48484a;border-radius:12px;z-index:80} .web-paid-approval{width:min(660px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid #37463f;border-radius:20px;background:#181a1b;color:#f5f5f5}.web-paid-approval::backdrop{background:#000b}.web-paid-approval h2{margin:0 0 8px}.approval-terms{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}.approval-terms>div{display:grid;gap:6px}.approval-terms strong{font-size:20px}.approval-terms>div:last-child strong{color:#ffad52}.web-paid-approval .customer-message{padding:16px;background:#4fc59d12;border:1px solid #4fc59d33;border-radius:12px}.approval-status{min-height:24px;color:#72ddb7}.web-paid-approval .action-row{position:sticky;bottom:-24px;background:#181a1b;padding:16px 0;margin:0;display:flex;gap:10px}.web-paid-approval button{min-height:44px}.web-paid-approval .primary{flex:1} .workflows{display:block;max-width:1050px;margin:auto}.workflow-tabs,.workflow-profile,.workflow-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.workflow-tabs{margin:12px 0 22px}.workflow-heading h2{margin:0}.workflow-tabs .selected{background:#285d4c;color:#7eedc7}.workflow-text{border:1px solid #343a3e;border-radius:16px;padding:16px;margin:16px 0}.customer-request{background:#11202c;border-color:#274b68}.customer-message{background:#122720;border-color:#285c49}.opinion{background:#242424}.workflow-error{color:#ff8e8e}.workflows .fee{color:#ffa545;font-weight:600}.workflows .terms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.terms label{min-width:0}.terms input{width:100%;font-size:22px;font-weight:700;box-sizing:border-box}.terms button{grid-column:1/-1}.workflows textarea{width:100%;min-height:88px;box-sizing:border-box;margin:12px 0}.workflows summary{padding:14px;cursor:pointer;color:#82b9ff}.workflow-history{border-top:1px solid #333;margin-top:16px;padding-top:16px}.content-image{max-width:100%;height:auto;border-radius:16px}.workflows .card{margin-bottom:16px}.workflows button{min-height:44px}.workflows .badge{margin:4px}.workflows .connected{color:#64d8a9}@media(max-width:600px){.workflow-tabs{gap:6px}.workflow-tabs button{padding:8px;font-size:13px}.workflows .card{padding:16px}.workflows .action-row{display:flex;flex-wrap:wrap}.workflows .action-row>*{flex:1 1 130px}} .workflow-detail{width:min(900px,90vw);max-height:85dvh;overflow:auto;overscroll-behavior:contain}.workflow-detail>button:first-child{position:sticky;top:0;z-index:1;background:#25372f;margin-bottom:12px}.workflow-detail::backdrop{background:#000b} /* One web shell for CRM and every app section. The native WKWebView uses its own CSS. */ :root{--app-header-height:56px} body{background:#101012;-webkit-font-smoothing:antialiased} .app-header{height:var(--app-header-height);padding:0 22px;position:sticky;top:0;z-index:100;background:rgba(24,24,26,.94);border-bottom:1px solid #353538;backdrop-filter:saturate(170%) blur(20px);-webkit-backdrop-filter:saturate(170%) blur(20px)} .header-inner{width:100%;height:100%;display:flex;align-items:center;gap:20px;min-width:0} .app-brand{display:flex;align-items:center;gap:13px;flex:0 0 auto;min-width:0} .app-brand img{display:block;width:124px;height:36px;object-fit:contain;flex:none;filter:brightness(0) invert(1)} .brand-divider{width:1px;height:23px;background:#48484c} .brand-context{font-size:12px;font-weight:600;letter-spacing:.01em;color:#a1a1aa;white-space:nowrap} #app-navigation{display:flex;flex-wrap:nowrap;align-items:center;gap:3px;min-width:0;flex:1 1 auto;margin:0;padding:4px;border:1px solid #353538;border-radius:13px;background:#242426;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;white-space:nowrap} #app-navigation::-webkit-scrollbar{display:none} #app-navigation button{flex:0 0 auto;min-height:34px;border:0;border-radius:9px;background:transparent;color:#a1a1aa;padding:0 11px;font-size:12px;font-weight:600;white-space:nowrap;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease} #app-navigation button:hover{background:#38383c;color:#f5f5f7} #app-navigation button.selected,#app-navigation button.selected:hover{background:#345c4d;color:#b8f5dd;box-shadow:inset 0 0 0 1px #5ccfa37a} #app-navigation button:focus-visible,.header-actions button:focus-visible{outline:2px solid #64d2ae;outline-offset:2px} .header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto} .header-actions button{display:grid;place-items:center;margin:0;min-height:36px;border:1px solid #3b3b3e;border-radius:10px;background:#272729;color:#d1d1d6;font-size:12px;padding:0 12px;transition:background-color .18s ease,transform .18s ease} .header-actions button:hover{background:#39393c;transform:translateY(-1px)} .header-actions #refresh{width:36px;padding:0;margin:0;background:#272729;color:#d1d1d6} .header-actions #refresh svg{width:17px;height:17px;stroke-linecap:round;stroke-linejoin:round} body.original-crm>header{display:block} body.original-crm>main{height:calc(100dvh - var(--app-header-height));overflow:hidden} body.original-crm #crm-workspace{height:calc(100dvh - var(--app-header-height))} body.original-crm #notice:not(:empty){z-index:110} @media(max-width:1100px){.app-header{padding:0 16px}.header-inner{gap:12px}.brand-context,.brand-divider{display:none}} @media(max-width:900px){.app-brand img{width:112px;height:34px}} @media(max-width:650px){:root{--app-header-height:54px}.app-header{padding:0 12px}.app-brand img{width:84px;height:28px}.header-inner{gap:8px}#app-navigation button{padding:0 9px;font-size:11px}.header-actions{gap:4px}.header-actions #logout{padding:0 8px}} @media(prefers-reduced-motion:reduce){#app-navigation button,.header-actions button{transition:none}.header-actions button:hover{transform:none}} .header-actions #logout{width:36px;padding:0;border-color:#6b3037;background:#3a2024;color:#ff6b6b} .header-actions #logout:hover{background:#572a30;color:#ff8b8b} .header-actions #logout svg{width:18px;height:18px} #logout-dialog{width:min(390px,calc(100vw - 32px));max-width:none;padding:28px;border:1px solid #48484b;border-radius:22px;background:#242426;box-shadow:0 24px 70px #000a;text-align:center} #logout-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)} #logout-dialog .logout-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border-radius:15px;background:#4a272c;color:#ff7575} #logout-dialog .logout-icon svg{width:24px;height:24px} #logout-dialog h2{margin:0 0 8px;font-size:19px;font-weight:650;letter-spacing:-.02em} #logout-dialog p{margin:0;color:#a1a1a8;font-size:14px;line-height:1.5} #logout-dialog #logout-error{margin-top:12px;color:#ff8b8b} #logout-dialog .logout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px} #logout-dialog .logout-actions button{min-height:42px;padding:0 12px;border-radius:11px;font-size:14px} #logout-dialog #logout-cancel{background:#39393c;border-color:#48484b;color:#f5f5f7} #logout-dialog #logout-confirm{background:#9e343e;border-color:#b9404a;color:#fff} #logout-dialog #logout-confirm:hover{background:#b33b47} #logout-dialog #logout-confirm:disabled{opacity:.6} /* Reveal the shared web header on upward scroll and reclaim its space below. */ .app-header{transition:transform .18s ease,margin-bottom .18s ease;will-change:transform} body.header-hidden .app-header{transform:translateY(-100%);margin-bottom:calc(-1 * var(--app-header-height));pointer-events:none} body.original-crm.header-hidden>main,body.original-crm.header-hidden #crm-workspace{height:100dvh} @media(prefers-reduced-motion:reduce){.app-header{transition:none}} /* Armut: durum, filtreler ve ilanlar aynı akışta; genel kart ızgarası uygulanmaz. */ #list.workflows:has(> .workflow-profile){display:block;width:100%;max-width:none;margin:0} #list.workflows:has(> .workflow-profile) > .workflow-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:4px 12px;align-items:center;padding:14px 18px;border:1px solid #36363a;border-radius:16px;background:#1c1c1e} #list.workflows:has(> .workflow-profile) > .workflow-profile > .workflow-health{display:grid;gap:4px;align-content:start;min-width:0} #list.workflows:has(> .workflow-profile) > .workflow-profile > .workflow-health button{width:100%;min-height:38px;padding:8px 12px;text-align:left;border-radius:9px} #list.workflows:has(> .workflow-profile) > .workflow-profile > .workflow-health small{font-size:11px;line-height:1.35} #list.workflows:has(> .workflow-profile) > .workflow-profile > p{margin:0;padding-left:18px;border-left:1px solid #3a3a3d;white-space:nowrap;font-size:14px} #list.workflows:has(> .workflow-profile) > .workflow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0} #list.workflows:has(> .workflow-profile) > .workflow-tabs button{min-height:38px;padding:8px 14px;border-radius:9px} #list.workflows:has(> .workflow-profile) > .card{width:100%;margin:0 0 12px;padding:20px 22px;border-radius:16px} #list.workflows:has(> .workflow-profile) > .card .workflow-heading{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap} #list.workflows:has(> .workflow-profile) > .card .workflow-heading h2{margin:0;font-size:21px} #list.workflows:has(> .workflow-profile) > .card .workflow-heading .service{margin:0;font-size:15px} #list.workflows:has(> .workflow-profile) > .card .fee{display:inline-block;margin:10px 12px 8px 0;font-size:14px} #list.workflows:has(> .workflow-profile) > .card > .badge{margin:0 6px 8px 0} #list.workflows:has(> .workflow-profile) > .card .terms{display:grid;grid-template-columns:minmax(170px,1fr) minmax(130px,1fr) auto;gap:12px;align-items:end;margin:10px 0 0;padding:14px 0;border-top:1px solid #39393d} #list.workflows:has(> .workflow-profile) > .card .terms label{font-size:13px;color:#a1a1a6} #list.workflows:has(> .workflow-profile) > .card .terms input{min-height:42px;margin:6px 0 0;padding:8px 12px;font-size:18px} #list.workflows:has(> .workflow-profile) > .card .terms > button{grid-column:3;min-height:42px;white-space:nowrap} #list.workflows:has(> .workflow-profile) > .card .terms > p{grid-column:1/-1;margin:0} #list.workflows:has(> .workflow-profile) > .card > div:has(> details){display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid #39393d} #list.workflows:has(> .workflow-profile) > .card > div:has(> details) > details{flex:1 1 180px;margin:0} #list.workflows:has(> .workflow-profile) > .card > div:has(> details) > details > summary{padding:8px 0} #list.workflows:has(> .workflow-profile) > .card > div:has(> details) > button{min-height:38px;padding:8px 16px} @media(max-width:900px){#list.workflows:has(> .workflow-profile) > .workflow-profile{grid-template-columns:repeat(2,minmax(0,1fr))}#list.workflows:has(> .workflow-profile) > .workflow-profile > p{grid-column:1/-1;padding:8px 0 0;border-left:0;border-top:1px solid #3a3a3d;white-space:normal}#list.workflows:has(> .workflow-profile) > .card .terms{grid-template-columns:repeat(2,minmax(0,1fr))}#list.workflows:has(> .workflow-profile) > .card .terms > button{grid-column:1/-1}} @media(max-width:600px){#list.workflows:has(> .workflow-profile) > .workflow-profile{padding:12px;gap:6px}#list.workflows:has(> .workflow-profile) > .workflow-profile > .workflow-health button{font-size:12px}#list.workflows:has(> .workflow-profile) > .card{padding:16px}#list.workflows:has(> .workflow-profile) > .card .terms input{font-size:16px}} /* Mail araçları bir satırda; kayıtlar her zaman tam genişlikte. */ #list.workflows:has(> select[aria-label="Mail hesabı"]){display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(170px,240px);gap:12px 18px;align-items:center;width:100%;max-width:none;margin:0} #list.workflows:has(> select[aria-label="Mail hesabı"]) > p:first-child{grid-column:1;margin:0;color:#64d2ae;font-size:13px;line-height:1.4} #list.workflows:has(> select[aria-label="Mail hesabı"]) > .workflow-tabs{grid-column:2;display:flex;gap:6px;flex-wrap:nowrap;margin:0} #list.workflows:has(> select[aria-label="Mail hesabı"]) > .workflow-tabs button{min-height:38px;padding:8px 12px;border-radius:9px;white-space:nowrap;font-size:13px} #list.workflows:has(> select[aria-label="Mail hesabı"]) > select[aria-label="Mail hesabı"]{grid-column:3;width:100%;min-height:38px;margin:0;padding:7px 10px;font-size:13px} #list.workflows:has(> select[aria-label="Mail hesabı"]) > .card,#list.workflows:has(> select[aria-label="Mail hesabı"]) > p:not(:first-child),#list.workflows:has(> select[aria-label="Mail hesabı"]) > button{grid-column:1/-1} #list.workflows:has(> select[aria-label="Mail hesabı"]) > p.muted:not(:first-child){margin:8px 0 0;padding:22px 18px;border:1px solid #323236;border-radius:13px;background:#1c1c1e;color:#a1a1a6;font-size:13px} #list.workflows:has(> select[aria-label="Mail hesabı"]) > .card{margin:4px 0 0;border-radius:16px} @media(max-width:1100px){#list.workflows:has(> select[aria-label="Mail hesabı"]){grid-template-columns:minmax(0,1fr) auto}#list.workflows:has(> select[aria-label="Mail hesabı"]) > .workflow-tabs{grid-column:1;grid-row:2;flex-wrap:wrap}#list.workflows:has(> select[aria-label="Mail hesabı"]) > select[aria-label="Mail hesabı"]{grid-column:2;grid-row:2;width:200px}#list.workflows:has(> select[aria-label="Mail hesabı"]) > p:first-child{grid-column:1/-1}} @media(max-width:650px){#list.workflows:has(> select[aria-label="Mail hesabı"]){display:flex;flex-direction:column;align-items:stretch;gap:10px}#list.workflows:has(> select[aria-label="Mail hesabı"]) > .workflow-tabs{overflow-x:auto;flex-wrap:nowrap}#list.workflows:has(> select[aria-label="Mail hesabı"]) > select[aria-label="Mail hesabı"]{width:100%}} /* Marketing kayıtları dar kart sütunları yerine okunabilir tam genişlikli satırlar kullanır. */ #list.workflows.marketing-workflows{display:flex;flex-direction:column;gap:12px;width:100%;max-width:none;margin:0} #list.workflows.marketing-workflows > .card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:start;width:100%;margin:0;padding:18px 20px;border-radius:15px} #list.workflows.marketing-workflows > .card > h2{grid-column:1;margin:0;font-size:19px;line-height:1.3;overflow-wrap:anywhere} #list.workflows.marketing-workflows > .card > .badge{grid-column:2;margin:1px 0 0;white-space:nowrap} #list.workflows.marketing-workflows > .card > .workflow-text{grid-column:1/-1;display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:11px 14px;border-radius:9px;background:#242427} #list.workflows.marketing-workflows > .card > .workflow-text h3{margin:0;color:#a1a1a6;font-size:12px;font-weight:600;line-height:1.5} #list.workflows.marketing-workflows > .card > .workflow-text p{max-width:95ch;margin:0;color:#e5e5e8;font-size:14px;line-height:1.55} #list.workflows.marketing-workflows > .card > .marketing-message{border-color:#315346;background:#1e2a25} #list.workflows.marketing-workflows > .card > .decision-panel{grid-column:1/-1;margin:2px 0 0} #list.workflows.marketing-workflows > p.muted{margin:0;padding:20px;border:1px solid #343438;border-radius:12px;background:#1c1c1e} @media(max-width:650px){#list.workflows.marketing-workflows > .card{padding:15px;gap:10px}#list.workflows.marketing-workflows > .card > h2{font-size:17px}#list.workflows.marketing-workflows > .card > .workflow-text{grid-template-columns:1fr;gap:4px;padding:10px 12px}} /* Bionluk: kontrol araçları ve konuşmalar ayrı satırlarda kalır. */ #list.workflows.bionluk-workflows{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;width:100%;max-width:none;margin:0} #list.workflows.bionluk-workflows > .workflow-tabs:first-child{grid-column:1;margin:0} #list.workflows.bionluk-workflows > .workflow-tabs:first-child button{min-height:38px;padding:8px 14px;border-radius:9px} #list.workflows.bionluk-workflows > button{grid-column:2;min-height:38px;padding:8px 14px;white-space:nowrap} #list.workflows.bionluk-workflows > a{grid-column:3;color:#8ec3ff;font-size:13px;white-space:nowrap} #list.workflows.bionluk-workflows > .workflow-tabs:not(:first-child),#list.workflows.bionluk-workflows > .bionluk-status,#list.workflows.bionluk-workflows > .card,#list.workflows.bionluk-workflows > .muted{grid-column:1/-1} #list.workflows.bionluk-workflows > .bionluk-status{margin:0;padding:10px 14px;border:1px solid #34383b;border-radius:10px;background:#1b2421;font-size:13px} #list.workflows.bionluk-workflows > .card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;width:100%;margin:0;padding:16px 18px;border-radius:14px} #list.workflows.bionluk-workflows > .card > h2{grid-column:1;margin:0;font-size:18px} #list.workflows.bionluk-workflows > .card > p{grid-column:1;margin:0;color:#b6b6bd;font-size:13px;line-height:1.5} #list.workflows.bionluk-workflows > .card > div:has(> details){grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:8px} #list.workflows.bionluk-workflows > .card > div:has(> details) details{margin:0} #list.workflows.bionluk-workflows > .card > div:has(> details) summary{padding:8px 0;white-space:nowrap} #list.workflows.bionluk-workflows > .card > div:has(> details) button{min-height:36px;padding:7px 13px} #list.workflows.bionluk-workflows > .card:has(details[open]) > div:has(> details){grid-column:1/-1;grid-row:auto;display:block;padding-top:12px} #list.workflows.bionluk-workflows > .card > .workflow-text,#list.workflows.bionluk-workflows > .card > textarea,#list.workflows.bionluk-workflows > .card > button,#list.workflows.bionluk-workflows > .card > details{grid-column:1/-1} @media(max-width:760px){#list.workflows.bionluk-workflows{grid-template-columns:minmax(0,1fr) auto}#list.workflows.bionluk-workflows > a{grid-column:1/-1}#list.workflows.bionluk-workflows > .card{grid-template-columns:1fr}#list.workflows.bionluk-workflows > .card > div:has(> details){grid-column:1;grid-row:auto;padding-top:8px}} /* Ortak masaüstü modül düzeni: okunur genişlik ve tutarlı boşluklar. */ #list.workflows[data-section="seo"],#list.workflows[data-section="ads"],#list.workflows[data-section="settings"]{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:none;margin:0} #list.workflows[data-section="seo"] > .workflow-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 4px} #list.workflows[data-section="seo"] > .workflow-tabs button{min-height:38px;padding:8px 14px;border-radius:9px} #list.workflows[data-section="seo"] > .card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;width:100%;margin:0;padding:18px 20px;border-radius:15px} #list.workflows[data-section="seo"] > .card > h2{margin:0;font-size:19px;line-height:1.35} #list.workflows[data-section="seo"] > .card > .badge{margin:0;white-space:nowrap} #list.workflows[data-section="seo"] > .card > div:has(> details){grid-column:1/-1;border-top:1px solid #39393d;padding-top:8px} #list.workflows[data-section="seo"] > .card > div:has(> details) details{margin:0} #list.workflows[data-section="seo"] > .card > div:has(> details) summary{padding:8px 0} #list.workflows[data-section="seo"] > .workflow-text{margin:0;padding:16px 18px;border-radius:13px} #list.workflows[data-section="seo"] > .workflow-text h3{margin:0 0 8px;font-size:15px} #list.workflows[data-section="seo"] > .workflow-text p{margin:0;color:#d8d8dc;font-size:14px;line-height:1.55} #list.workflows[data-section="seo"] > textarea{margin:0;min-height:100px} #list.workflows[data-section="seo"] > button{align-self:flex-start;min-height:40px;padding:8px 16px} #list.workflows[data-section="ads"] > .card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;width:100%;margin:0;padding:18px 20px;border-radius:15px} #list.workflows[data-section="ads"] > .card > h2{grid-column:1/-1;margin:0 0 2px;font-size:19px;line-height:1.35} #list.workflows[data-section="ads"] > .card > .badge{grid-column:1/-1;justify-self:start;margin:0 0 3px} #list.workflows[data-section="ads"] > .card > .workflow-text{min-width:0;margin:0;padding:13px 15px;border-radius:10px} #list.workflows[data-section="ads"] > .card > .workflow-text h3{margin:0 0 7px;color:#a1a1a6;font-size:12px;font-weight:600} #list.workflows[data-section="ads"] > .card > .workflow-text p{margin:0;color:#e5e5e8;font-size:14px;line-height:1.55} #list.workflows[data-section="ads"] > .card > .report-summary{grid-column:1/-1} #list.workflows[data-section="settings"] > .workflow-profile{width:100%;margin:0} #list.workflows[data-section="settings"] > .workflow-text{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 10px;align-items:center;width:100%;margin:0;padding:16px 18px;border-radius:13px} #list.workflows[data-section="settings"] > .workflow-text h3{grid-column:1;margin:0;font-size:15px} #list.workflows[data-section="settings"] > .workflow-text p{grid-column:1;margin:0;color:#b8b8be;font-size:13px;line-height:1.5} #list.workflows[data-section="settings"] > .workflow-text button{grid-row:1/3;min-height:38px;padding:8px 13px;white-space:nowrap;font-size:12px} #list.workflows[data-section="settings"] > .workflow-text button:nth-of-type(1){grid-column:2} #list.workflows[data-section="settings"] > .workflow-text button:nth-of-type(2){grid-column:3} #list.workflows[data-section="settings"] > p.muted{margin:0;padding:12px 16px;border:1px solid #343438;border-radius:10px;background:#242427;font-size:12px} #list.workflows[data-section="settings"] > .workflow-history{margin:0;padding:16px 18px;border:1px solid #343438;border-radius:13px;background:#1c1c1e} @media(max-width:900px){#list.workflows[data-section="settings"] > .workflow-text{grid-template-columns:1fr 1fr}#list.workflows[data-section="settings"] > .workflow-text h3,#list.workflows[data-section="settings"] > .workflow-text p{grid-column:1/-1}#list.workflows[data-section="settings"] > .workflow-text button{grid-row:auto;white-space:normal}#list.workflows[data-section="settings"] > .workflow-text button:nth-of-type(1){grid-column:1}#list.workflows[data-section="settings"] > .workflow-text button:nth-of-type(2){grid-column:2}} @media(max-width:650px){#list.workflows[data-section="ads"] > .card{grid-template-columns:1fr;padding:15px}#list.workflows[data-section="ads"] > .card > .workflow-text{grid-column:1}#list.workflows[data-section="settings"] > .workflow-text{padding:14px}#list.workflows[data-section="seo"] > .card{padding:15px}} /* Shared reading and interaction rhythm; module workflows retain their own layout. */ :root{--surface:#1c1c1e;--surface-raised:#242427;--line:#ffffff14;--muted:#b0b0ba} body{font-size:14px;line-height:1.5} body:not(.original-crm)>main{max-width:none;margin:0;padding:24px 28px 36px;min-height:calc(100dvh - var(--app-header-height))} #workspace:not(.crm-embedded){display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);gap:18px 24px;align-items:center} #workspace:not(.crm-embedded)>.page-heading{grid-column:1;grid-row:1;margin:0} #workspace:not(.crm-embedded)>.page-heading h1{font-size:24px;letter-spacing:-.025em;line-height:1.25} #workspace:not(.crm-embedded)>#search{grid-column:2;grid-row:1;width:100%;max-width:none;margin:0;min-height:40px;padding:9px 12px;font-size:14px;background:#1c1c1e;border-color:#ffffff1c} #workspace:not(.crm-embedded)>:not(.page-heading):not(#search){grid-column:1/-1;min-width:0} .workflows .text{font-size:14px;font-weight:400;line-height:1.65;color:#e1e1e8} .workflows .workflow-text h3{margin:0 0 8px;font-size:13px;font-weight:600;color:#b6b6c0} .workflows .workflow-text p{margin:0} .workflows .workflow-text{border-color:#ffffff12;border-radius:12px;box-shadow:none} .workflows :is(button,select,input,textarea){border-radius:9px} .workflows button{font-weight:550;transition:background-color .15s ease,border-color .15s ease,color .15s ease} .workflows button:focus-visible,.workflows summary:focus-visible{outline:2px solid var(--green);outline-offset:3px} .workflows button:disabled{cursor:not-allowed} .workflows .workflow-tabs button.selected{background:#25493d;color:#b4efd6;border-color:#64d2ae60;box-shadow:none} .workflows .card{border-color:#ffffff12;box-shadow:0 2px 8px #00000012} .workflows .customer-request{background:#17212b;border-color:#7eb4ed24} .workflows .customer-message{background:#172720;border-color:#64d2ae28} .workflows .opinion{background:#242427;border-color:#ffffff12} .workflows .badge{font-weight:550;font-variant-numeric:tabular-nums;border-radius:6px} .workflows .workflow-history p{padding:0 0 16px;margin:6px 0 16px;border-bottom:1px solid #ffffff12} .workflows details[open]{min-width:0} .workflows details[open]>summary{margin-bottom:10px} .workflow-detail{border-radius:18px;padding:22px;border-color:#ffffff24;box-shadow:0 24px 80px #0009} .workflow-detail .text{font-size:15px;line-height:1.65;font-weight:400} @media(max-width:700px){ body:not(.original-crm)>main{padding:18px 14px 28px} #workspace:not(.crm-embedded){grid-template-columns:minmax(0,1fr);gap:14px} #workspace:not(.crm-embedded)>#search{grid-column:1;grid-row:2;font-size:16px;min-height:44px} #workspace:not(.crm-embedded)>.page-heading h1{font-size:22px} .workflows :is(input,textarea,select){font-size:16px} .workflows .text{font-size:15px} .workflows .action-row button{min-height:44px} } @media(prefers-reduced-motion:reduce){.workflows button{transition:none}} /* SEO notices use the same readable layout as content approvals. */ #list.seo-workflows{display:block}.seo-workflows>.workflow-tabs{width:100%;margin-bottom:20px}.seo-workflows>.card{box-sizing:border-box;width:100%;margin-bottom:16px}.seo-workflows>.card>.workflow-text{margin-top:0} /* Web module workspace: shared hierarchy, exact stored records, comfortable desktop layout. */ #workspace #list.workflows[data-section]{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%;max-width:none;margin:0} #workspace #list.workflows[data-section]>.card{display:block;width:100%;min-width:0;margin:0;padding:20px 22px;border:1px solid #ffffff13;border-radius:12px;background:#1b1c1f;box-shadow:none;overflow:visible} #workspace #list.workflows[data-section]>.card>.record-head{margin-bottom:14px} #workspace #list.workflows[data-section]>.card>.workflow-text{display:block;margin:14px 0;padding:14px 16px;border:1px solid #ffffff0f;background:#202125;border-radius:10px} #workspace #list.workflows[data-section]>.card>.workflow-text h3{margin:0 0 8px;font-size:12px} #workspace #list.workflows[data-section]>.card>.workflow-text p{max-width:none;font-size:14px;line-height:1.65} #workspace #list.workflows[data-section]>.workflow-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding:5px;background:#1b1c1f;border:1px solid #ffffff12;border-radius:10px;margin:0;align-self:flex-start;max-width:100%} #workspace #list.workflows[data-section]>.workflow-tabs button{min-height:35px;font-size:13px;padding:7px 16px;border:1px solid transparent;background:transparent;color:#a6a8b1;border-radius:7px;white-space:nowrap} #workspace #list.workflows[data-section]>.workflow-tabs button.selected{background:#284c40;color:#b8f0dc;border-color:#6dd6af29} #workspace #list.workflows[data-section]>.workflow-tabs button:hover{color:#f5f5f7;background:#ffffff08} #workspace #list.workflows[data-section]>.workflow-tabs button.selected:hover{background:#305947} #workspace #list.workflows[data-section]>.card>.workflow-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px} #workspace #list.workflows[data-section]>.card>.workflow-heading h2{margin:0;font-size:18px;letter-spacing:-.02em} #workspace #list.workflows[data-section]>.card>.workflow-heading .service{margin:0;font-size:13px;color:#69d4b0} #workspace #list.workflows[data-section]>.card>.workflow-heading>.badge{margin-left:auto} #workspace #list.workflows[data-section]>.card>.badge{margin:0 6px 8px 0} #workspace #list.workflows[data-section]>.card>.fee{display:block;margin:0 0 12px;font-size:12px;color:#a6a8b1} #workspace #list.workflows[data-section]>.card>.record-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #ffffff10;margin-top:14px;padding-top:12px} #workspace #list.workflows[data-section]>.card>.record-actions>details{flex:1;min-width:0;margin:0} #workspace #list.workflows[data-section]>.card>.record-actions>details[open]{flex-basis:100%} #workspace #list.workflows[data-section]>.card>.record-actions>button{min-height:34px;padding:7px 14px;background:#ffffff05;font-size:12px;border-radius:7px} #workspace #list.workflows[data-section]>.card .terms{display:grid;grid-template-columns:minmax(180px,1fr) minmax(140px,1fr) auto;align-items:end;gap:14px;margin:12px 0 0;padding:14px 0;border-top:1px solid #ffffff10} #workspace #list.workflows[data-section]>.card .terms label{font-size:12px;color:#a6a8b1} #workspace #list.workflows[data-section]>.card .terms input{margin:5px 0 0;min-height:40px;padding:9px 12px;font-size:19px;font-weight:600;background:#151619;border-color:#ffffff15} #workspace #list.workflows[data-section]>.card .terms>p{grid-column:1/-1;margin:0;font-size:12px} #workspace #list.workflows[data-section]>.card .terms>p:empty{display:none} #workspace #list.workflows[data-section]>.card .terms>button{grid-column:3;min-height:40px;padding:9px 14px;font-size:12px;white-space:nowrap} .record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;min-width:0} .record-identity{min-width:0;flex:1} .workflows .record-head h2,.workflow-detail .record-head h2{margin:0;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere} .record-subtitle{margin:5px 0 0;color:#a6a8b1;font-size:13px;line-height:1.5;overflow-wrap:anywhere} .record-aside{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0} .record-aside time{font-size:11px;white-space:nowrap} .workflow-state{padding:4px 9px;border:1px solid #ffffff0c;border-radius:6px;font-size:11px;line-height:1.4;font-weight:550;background:#ffffff06;color:#adafb9} .workflow-state[data-tone="success"]{background:#64d2ae10;color:#6bd8b4;border-color:#64d2ae20} .workflow-state[data-tone="warning"]{background:#f1b45f0d;color:#e7b664;border-color:#f1b45f20} .workflow-state[data-tone="danger"]{background:#e86d790d;color:#ea8a94;border-color:#e86d7920} .record-fields{display:flex;flex-wrap:wrap;gap:12px 30px;margin:12px 0;padding:0;font-size:13px} .record-fields>div{min-width:110px;max-width:100%} .record-fields dt{font-size:11px;color:#91949f;margin-bottom:4px} .record-fields dd{margin:0;font-weight:500;color:#d9dbe1;overflow-wrap:anywhere;white-space:pre-wrap;font-variant-numeric:tabular-nums} .panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;width:100%;min-width:0} .panel-grid>.span-all{grid-column:1/-1} .module-panel{min-width:0;padding:18px 20px;border:1px solid #ffffff12;border-radius:12px;background:#1b1c1f} .module-panel>.panel-title{margin:0 0 15px;font-size:13px;font-weight:600;letter-spacing:.015em;color:#dedfe6} .module-panel>.text{margin:0 0 12px;line-height:1.65} .module-panel>.muted{margin:10px 0;font-size:12px} .module-panel>button{min-height:36px;font-size:12px;padding:8px 14px;margin:12px 8px 0 0} .module-panel>.badge{margin-bottom:8px} .module-panel .module-panel{padding:14px 0;border:0;border-radius:0;background:transparent} .module-panel .record-head h2{font-size:14px} .source-link{display:inline-flex;align-items:center;gap:6px;margin:8px 16px 8px 0;color:#87b8ec;font-size:12px;text-decoration:none;overflow-wrap:anywhere} .source-link::after{content:'↗';font-size:14px} .source-link:hover{text-decoration:underline;color:#b4d7f9} .record-lines{display:grid;gap:10px;padding-left:18px;margin:0;font-size:14px;line-height:1.65;color:#d6d8df;overflow-wrap:anywhere} .record-lines li::marker{color:#6ad1ad} .module-empty{width:100%;padding:44px 22px;text-align:center;border:1px dashed #ffffff18;background:#17181b;border-radius:12px} .module-empty>strong{font-size:15px;font-weight:550;color:#d7d9e1} .module-empty>p{max-width:55ch;margin:8px auto 0;line-height:1.6} #workspace #list.workflows[data-section]>.workflow-profile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;background:#1b1c1f;border:1px solid #ffffff12;border-radius:12px} #workspace #list.workflows[data-section]>.workflow-profile>.workflow-health,#workspace #list.workflows[data-section]>.workflow-profile>.account-stat{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:16px 20px;border-right:1px solid #ffffff10} #workspace #list.workflows[data-section]>.workflow-profile>.account-stat:nth-child(4){border-right:0} .workflow-profile .metric-label{font-size:11px;font-weight:500;color:#9498a3} .workflow-profile .account-stat>strong{font-size:23px;line-height:1.25;font-variant-numeric:tabular-nums;letter-spacing:-.035em} .workflow-profile .account-stat>small{font-size:10px} .workflow-profile .workflow-health details{width:100%;margin:0;font-size:12px} .workflow-profile .workflow-health summary{padding:0;font-size:11px;color:#9caaa4} .workflow-profile .workflow-health details[open]{padding-top:4px} .workflow-profile .account-details{grid-column:1/-1;margin:0;padding:10px 20px;border-top:1px solid #ffffff10;font-size:12px} .workflow-profile .account-details summary{padding:0;color:#a6a8b1;font-size:11px} .mail-preview .text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} #workspace #list.workflows[data-section="mail"]>select{align-self:flex-end;width:min(300px,100%);padding:9px 12px;min-height:38px;margin:0;font-size:13px;background:#1b1c1f} #workspace #list.workflows[data-section="mail"]>p:first-child{margin:0;font-size:12px} #workspace #list.workflows[data-section="mail"]>details{margin:0;font-size:12px} #workspace #list.workflows[data-section="mail"]>details>summary{font-size:12px} .account-item{padding:14px 0;border-top:1px solid #ffffff10} .account-item .record-head h2{font-size:13px} .account-item .record-head{gap:10px} .account-item .record-fields{font-size:12px;gap:8px 15px} .account-item p{font-size:12px;line-height:1.6} #workspace #list.workflows[data-section="bionluk"]>.bionluk-status{padding:18px 20px;margin:0;background:#1b1c1f;border-color:#ffffff12} #workspace #list.workflows[data-section="bionluk"]>.bionluk-status>.panel-title{font-size:13px;margin:0 0 14px;color:#dedfe6} .connection-item{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center} .connection-item>strong{font-size:12px;font-weight:500} .connection-item>p{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5} #workspace #list.workflows[data-section="bionluk"]>button{align-self:flex-end;margin:0;font-size:12px;min-height:36px;padding:8px 13px} #workspace #list.workflows[data-section="bionluk"]>a{align-self:flex-start;font-size:12px;color:#87b8ec} .marketing-subject{margin:12px 0 0;font-size:14px;color:#d3d5df} #workspace #list.workflows[data-section="ads"]>.card>.report-summary{margin:12px 0;font-size:14px;line-height:1.65;max-width:105ch;color:#bfc2cd} .metric-observation{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:14px 0;border-top:1px solid #ffffff10} .metric-observation>span{font-size:13px} .metric-observation>strong{font-size:20px;font-variant-numeric:tabular-nums;color:#6bd8b4} .metric-observation>p,.metric-observation>small{grid-column:1/-1;margin:0;font-size:11px} .query-observation{padding:14px 0;border-top:1px solid #ffffff10} .query-observation strong{font-size:13px;font-weight:550} .query-observation>p{margin:6px 0;font-size:12px} .query-observation>small{font-size:11px} .task-row{padding:15px 0;border-top:1px solid #ffffff10} .task-row>.text{font-size:13px;margin:10px 0 0} .access-grid .source-link{display:flex;width:fit-content} .settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)} .settings-grid>.system-panel{grid-column:1;grid-row:span 3} .system-score{display:block;font-size:30px;font-weight:600;letter-spacing:-.04em;color:#6bd8b4;font-variant-numeric:tabular-nums;margin:12px 0 18px} .system-check{margin:0;padding:13px 0;border-top:1px solid #ffffff10} .system-check>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;color:#d6d8df;font-size:12px;list-style:none} .system-check>summary::before{content:'›';color:#8a8e98;font-size:17px} .system-check[open]>summary::before{content:'⌄'} .system-check>summary>span:first-child{flex:1} .system-check>p{font-size:12px;line-height:1.6;margin:12px 0} .system-check>button{min-height:34px;padding:7px 12px;font-size:12px} .session-row{padding:14px 0;border-top:1px solid #ffffff10} .session-row button{padding:7px 12px;font-size:12px} .intervention-panel{background:#281c1e;border-color:#e86d7930} .intervention-panel .record-head h2{font-size:14px} .intervention-panel>.text{margin-top:8px;font-size:13px} .history-entry{padding:14px 0;border-top:1px solid #ffffff10} .history-entry>.record-head h2{font-size:13px} .history-entry>.text{font-size:13px;line-height:1.65;margin:10px 0} .history-outcome{margin:10px 0 0;padding-left:12px;border-left:2px solid #6ad1ad60;color:#a9bdb4;font-size:12px;line-height:1.6;white-space:pre-wrap} .event-row{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:12px 0;border-top:1px solid #ffffff10} .event-row>strong{font-size:12px;font-weight:500} .event-row>time{font-size:11px} .event-row>.text{grid-column:1/-1;font-size:12px;margin:0} .workflow-detail{width:min(960px,calc(100vw - 48px));max-height:calc(100dvh - 64px);padding:0;border-radius:14px;border-color:#ffffff20;background:#191a1d;overflow:auto;overscroll-behavior:contain} .workflow-detail>.detail-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:18px 24px;background:#191a1df5;border-bottom:1px solid #ffffff12;backdrop-filter:blur(14px)} .workflow-detail>.detail-header h2{margin:0;font-size:18px;letter-spacing:-.02em;line-height:1.4} .workflow-detail>.detail-header button{margin:0;padding:7px 13px;min-height:34px;font-size:12px;border-radius:7px} .workflow-detail>:not(.detail-header){padding:22px 24px} .workflow-detail .workflow-text{margin:0 0 18px;padding:16px 18px;background:#202125;border:1px solid #ffffff10;border-radius:10px} .workflow-detail .workflow-text h3{margin:0 0 10px;font-size:12px;color:#a9adb9} .workflow-detail .workflow-text>.text{margin:0;font-size:14px;line-height:1.7;font-weight:400} .workflow-detail .customer-request{background:#19232c;border-color:#6bafff18} .workflow-detail .customer-message{background:#192821;border-color:#64d2ae20} .workflow-detail .record-fields{margin:0 0 20px;padding:16px;background:#ffffff03;border-radius:8px;gap:14px 26px} .workflow-detail .module-panel{margin-bottom:18px} .workflow-detail .panel-grid .module-panel{margin:0} .workflow-detail .reply{margin:18px 0;padding:18px;border-radius:10px;border-color:#64d2ae24;background:#18251f} .workflow-detail .reply>.workflow-text{padding:12px 0;background:transparent;border:0} .workflow-detail .decision-panel{background:transparent;border:0;border-top:1px solid #ffffff12;padding:20px 0 0;margin:18px 0} .workflow-detail .decision-panel textarea{margin:0 0 12px;min-height:90px;background:#202125;border-color:#ffffff1a;padding:12px;font-size:14px} .workflow-detail .decision-panel button{font-size:12px;min-height:38px;padding:9px 14px} .workflow-detail details{margin:16px 0} .workflows[data-section="seo"] .content-image,.workflow-detail .content-image{width:auto;max-width:min(100%,420px);height:auto;max-height:260px;object-fit:contain;display:block;background:#121315;border-radius:10px;margin:0 0 12px} .workflows summary:focus-visible,.workflow-detail summary:focus-visible,.source-link:focus-visible{outline:2px solid #64d2ae;outline-offset:4px;border-radius:4px} .workflow-error{padding:10px 12px;border:1px solid #e86d7920;border-radius:8px;background:#e86d790c;color:#ee939b;font-size:12px;line-height:1.6} @media(min-width:1500px){.panel-grid:not(.settings-grid):not(.seo-overview){grid-template-columns:repeat(3,minmax(0,1fr))}.bionluk-status .panel-grid,.mail-accounts .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:950px){.panel-grid,.settings-grid{grid-template-columns:1fr}.settings-grid>.system-panel{grid-column:1;grid-row:auto}#workspace #list.workflows[data-section]>.card .terms{grid-template-columns:repeat(2,minmax(0,1fr))}#workspace #list.workflows[data-section]>.card .terms>button{grid-column:1/-1;justify-self:start}.record-aside{max-width:42%}.record-aside .badge{white-space:normal;text-align:right}.record-fields{gap:12px 22px}} @media(max-width:650px){#workspace #list.workflows[data-section]>.card{padding:16px;border-radius:10px}#workspace #list.workflows[data-section]>.workflow-tabs{align-self:stretch;flex-wrap:nowrap;overflow-x:auto}#workspace #list.workflows[data-section]>.workflow-tabs button{min-height:38px;padding:7px 12px}#workspace #list.workflows[data-section]>.workflow-profile{grid-template-columns:repeat(2,minmax(0,1fr))}#workspace #list.workflows[data-section]>.workflow-profile>.workflow-health,#workspace #list.workflows[data-section]>.workflow-profile>.account-stat{padding:14px;border-bottom:1px solid #ffffff10}#workspace #list.workflows[data-section]>.workflow-profile>:nth-child(even){border-right:0}.record-head{gap:12px}.workflows .record-head h2,.workflow-detail .record-head h2{font-size:16px}.record-aside time{white-space:normal;font-size:10px;text-align:right}.record-fields>div{min-width:90px}.module-panel{padding:16px}.workflow-detail{width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}.workflow-detail>.detail-header{padding:15px 16px}.workflow-detail>.detail-header h2{font-size:16px}.workflow-detail>:not(.detail-header){padding:16px}.workflow-detail .workflow-text{padding:14px}.workflow-detail .workflow-text>.text{font-size:15px}.workflow-detail .action-row{display:grid;grid-template-columns:1fr}.workflow-detail .action-row button{min-height:44px}.module-panel>.record-head h2{font-size:14px}.connection-item{grid-template-columns:1fr auto}.event-row{grid-template-columns:1fr}.event-row>.text{grid-column:1}.record-actions summary{font-size:13px}.system-check>summary{gap:8px}.system-check>summary .badge{font-size:10px}} .day-stepper{display:grid;grid-template-columns:36px minmax(70px,1fr) 36px;gap:6px;align-items:center;margin-top:5px} .workflows .day-stepper>button,.workflow-detail .day-stepper>button{height:40px;min-height:40px;padding:0;font-size:20px;font-weight:400;line-height:1;border-radius:8px;background:#ffffff06} #workspace #list.workflows[data-section]>.card .day-stepper>input,.workflow-detail .day-stepper>input{margin:0;text-align:center;width:100%;min-height:40px;padding:7px} .day-stepper input::-webkit-inner-spin-button,.day-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .day-stepper input{-moz-appearance:textfield;appearance:textfield} .workflow-detail .terms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px} .workflow-detail .terms>label{font-size:12px;color:#a6a8b1} .workflow-detail .terms>label>input{font-size:18px;font-weight:600;margin-bottom:0} .workflow-detail .terms>p,.workflow-detail .terms>button{grid-column:1/-1} .workflow-detail .terms>p:empty{display:none} .workflow-detail .terms>button{justify-self:start;font-size:12px;min-height:38px;padding:9px 13px} /* Compact Armut account overview. */ #workspace #list.workflows[data-section="armut"]>.workflow-profile{border-radius:10px} #workspace #list.workflows[data-section="armut"]>.workflow-profile>.workflow-health, #workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;align-content:start;gap:6px 10px;padding:10px 14px} #workspace #list.workflows[data-section="armut"]>.workflow-profile .metric-label{font-size:10px;line-height:1.4} #workspace #list.workflows[data-section="armut"]>.workflow-profile .workflow-health>.badge{margin:0;padding:3px 7px;font-size:10px;line-height:1.4;border-radius:5px;white-space:nowrap} #workspace #list.workflows[data-section="armut"]>.workflow-profile .workflow-health>details, #workspace #list.workflows[data-section="armut"]>.workflow-profile .account-stat>small{grid-column:1/-1} #workspace #list.workflows[data-section="armut"]>.workflow-profile .workflow-health summary{font-size:10px;line-height:1.4} #workspace #list.workflows[data-section="armut"]>.workflow-profile .account-stat>strong{font-size:18px;line-height:1.15;letter-spacing:-.025em;white-space:nowrap} #workspace #list.workflows[data-section="armut"]>.workflow-profile .account-stat>small{font-size:9px;line-height:1.4} #workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-details{padding:6px 14px} #workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-details>summary{font-size:10px;line-height:1.4} @media(max-width:650px){#workspace #list.workflows[data-section="armut"]>.workflow-profile>.workflow-health,#workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-stat{padding:10px;gap:6px 8px}#workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-stat>strong{font-size:16px}#workspace #list.workflows[data-section="armut"]>.workflow-profile>.workflow-health:nth-child(2){border-right:0}#workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-stat{border-bottom:0}#workspace #list.workflows[data-section="armut"]>.workflow-profile>.account-details{padding:6px 10px}} @media(max-width:650px){.workflow-detail .terms{grid-template-columns:1fr}.day-stepper{grid-template-columns:40px minmax(70px,1fr) 40px}} /* Compact customer request cards, shared by inline and dialog details. */ .workflow-text.customer-request:has(.request-grid),.workflow-detail .workflow-text.customer-request:has(.request-grid){padding:12px} .customer-request .request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));align-items:start;gap:7px;margin:0;padding:0} .customer-request .request-item{min-width:0;padding:9px 11px;border:1px solid #6f5b9270;border-radius:8px;background:#2b243a} .customer-request .request-item dt{margin:0 0 5px;color:#c5b7df;font-size:10px;font-weight:500;line-height:1.4;overflow-wrap:anywhere} .customer-request .request-item dd{margin:0;color:#f3eefb;font-size:12px;font-weight:500;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere} .customer-request .request-item dd:empty{display:none} .customer-request .request-content>.request-intro{margin:0 0 8px;font-size:12px;line-height:1.45;white-space:pre-wrap} @media(max-width:480px){.customer-request .request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-request .request-item{padding:8px}.customer-request .request-item dd{font-size:11px}} /* Assessment actions use one shared note and an optional quote form. */ .assessment-decision{margin:18px 0;padding-top:16px;border-top:1px solid #ffffff12} .assessment-decision-title{margin:0 0 12px;font-size:13px;font-weight:600;color:#e0e2e7} .assessment-decision .assessment-note-label{display:block;margin:0 0 6px;font-size:11px;color:#a1a4af} .assessment-decision>textarea{display:block;min-height:74px;margin:0 0 10px;padding:10px 12px;font-size:13px;line-height:1.5;background:#202125;border-color:#ffffff18;border-radius:8px} .assessment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .assessment-decision button{min-height:36px;padding:8px 13px;border-radius:7px;font-size:12px;line-height:1.4} .assessment-actions>.assessment-note-action{margin-left:auto;background:transparent;color:#abb0bb;border-color:#ffffff12} .assessment-actions>.workflow-error{flex-basis:100%;margin:0} .assessment-action-hint{margin:8px 0 0;font-size:11px;line-height:1.5;color:#858b97} .assessment-quote-form{margin-top:14px;padding:14px;background:#ffffff03;border:1px solid #ffffff10;border-radius:9px} .assessment-quote-form h4{margin:0 0 10px;font-size:12px;font-weight:600;color:#d5d9e1} .assessment-quote-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;max-width:450px;margin-bottom:10px} .assessment-quote-fields label{min-width:0;font-size:11px;color:#a1a4af} .assessment-quote-fields input{display:block;width:100%;margin:6px 0 0;padding:9px 11px;border-radius:7px;font-size:14px;color:#eee} @media(max-width:600px){.assessment-actions{display:grid;grid-template-columns:1fr 1fr}.assessment-actions>button:first-child{grid-column:1/-1}.assessment-actions>.assessment-note-action{margin-left:0}.assessment-actions>.workflow-error{grid-column:1/-1}.assessment-decision button{min-height:40px}} /* Bionluk begins with account status, followed by one compact toolbar. */ #workspace:not(.crm-embedded):has(>#list[data-section="bionluk"])>.page-heading{display:none} #workspace:not(.crm-embedded):has(>#list[data-section="bionluk"])>#search{grid-column:1/-1;grid-row:3;align-self:center;justify-self:start;max-width:420px} #workspace #list.workflows.bionluk-workflows[data-section="bionluk"]{display:contents} #workspace #list.workflows[data-section="bionluk"]>*{grid-column:1/-1;min-width:0} #workspace #list.workflows[data-section="bionluk"]>.bionluk-status{grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;background:#1b1c1f;border-color:#ffffff12;border-radius:10px} .bionluk-connection{min-width:0;padding:12px 16px} .bionluk-connection+.bionluk-connection{border-left:1px solid #ffffff10} .bionluk-connection-head{display:flex;align-items:center;justify-content:space-between;gap:10px} .bionluk-connection-head strong{font-size:12px;font-weight:600;color:#d8dce3} .bionluk-connection-head>.badge{margin:0;padding:3px 7px;font-size:10px;line-height:1.5;border-radius:5px} .bionluk-account,.bionluk-checked{display:inline-block;margin:6px 12px 0 0;font-size:10px;line-height:1.5;color:#949ba7} .bionluk-account{color:#c0c7d2} .bionluk-connection-details{margin:6px 0 0} .bionluk-connection-details>summary{width:fit-content;padding:0;font-size:10px;line-height:1.5;color:#8c9bab} .bionluk-connection-details[open]>summary{margin:0 0 6px} .bionluk-connection-details>.text{margin:0;font-size:11px;line-height:1.5} #workspace #list.workflows[data-section="bionluk"]>.bionluk-toolbar{grid-column:1/-1;grid-row:2;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px} .bionluk-toolbar>.workflow-tabs{display:flex;align-items:center;gap:4px;padding:4px;margin:0;background:#1b1c1f;border:1px solid #ffffff12;border-radius:9px} .bionluk-toolbar>.workflow-tabs button{min-height:33px;padding:6px 12px;border:1px solid transparent;background:transparent;color:#a6a8b1;border-radius:6px;font-size:12px;white-space:nowrap} .bionluk-toolbar>.workflow-tabs button.selected{background:#284c40;color:#b8f0dc;border-color:#6dd6af29} .bionluk-toolbar>button{min-height:34px;padding:7px 11px;border-radius:7px;font-size:11px;white-space:nowrap} .bionluk-toolbar>.bionluk-source{color:#96a8be;font-size:11px;text-decoration:none;white-space:nowrap} .bionluk-toolbar>.bionluk-source:hover{color:#bedbff} @media(max-width:700px){#workspace:not(.crm-embedded):has(>#list[data-section="bionluk"])>#search{grid-row:3}#workspace #list.workflows[data-section="bionluk"]>.bionluk-status{grid-template-columns:1fr}.bionluk-connection+.bionluk-connection{border-left:0;border-top:1px solid #ffffff10}.bionluk-connection{padding:10px 12px}} /* Conversation messages and management, shared by inline and dialog views. */ .bionluk-conversation{min-width:0} .bionluk-reply-compose{align-self:flex-end;width:100%;max-width:740px;min-width:0;margin-top:8px} .bionluk-reply-compose>.reply{margin:0;padding:14px;border:1px solid #64d2ae29;border-radius:12px;background:#172920} .bionluk-reply-compose>.muted{margin:8px 0;font-size:11px;line-height:1.6} .bionluk-previous-drafts{align-self:stretch;min-width:0;margin:2px 0 8px} .bionluk-previous-drafts>summary{color:#939da9;font-size:11px;cursor:pointer} .bionluk-previous-drafts>.reply{margin-top:10px} .bionluk-thread{display:flex;flex-direction:column;gap:10px;min-width:0;padding:0 0 16px} .bionluk-message-date{align-self:center;margin:4px 0 3px;padding:3px 10px;border-radius:20px;background:#ffffff05;color:#8f97a5;font-size:10px;line-height:1.5} .bionluk-message{align-self:flex-start;width:fit-content;max-width:min(84%,740px);min-width:160px;margin:0;padding:11px 14px;background:#232830;border:1px solid #8ba6c21a;border-radius:3px 12px 12px 12px} .bionluk-message.outgoing{align-self:flex-end;background:#1c3028;border-color:#64d2ae22;border-radius:12px 3px 12px 12px} .bionluk-message.unclassified{align-self:stretch;max-width:100%;background:#242529;border-color:#ffffff14;border-radius:10px} .bionluk-message-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px;color:#a8b7c9;font-size:10px;line-height:1.5} .bionluk-message-meta>strong{font-weight:600;overflow-wrap:anywhere} .bionluk-message-meta>span{flex-shrink:0;color:#828e9d;font-variant-numeric:tabular-nums} .bionluk-message.outgoing .bionluk-message-meta{color:#8dc8b0} .bionluk-message-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.65;font-weight:400;color:#e0e4eb} .bionluk-conversation-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;padding:14px 0;border-top:1px solid #ffffff10} .bionluk-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;align-content:start;align-items:center;min-width:0} .bionluk-control-info h4{margin:0 0 3px;color:#d9dde5;font-size:12px;font-weight:600} .bionluk-control-info p{margin:0;font-size:11px;color:#959da9} .bionluk-control-info small{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#858e9c} .bionluk-control>button{min-height:32px;padding:7px 11px;border-radius:6px;background:#ffffff05;border-color:#ffffff16;font-size:11px;white-space:nowrap} .bionluk-control>button:disabled{cursor:default} .bionluk-control>.workflow-error,.bionluk-followup-hint{grid-column:1/-1;margin:0;font-size:10px;line-height:1.5} .bionluk-followup-hint{color:#9fa89f} .bionluk-conversation-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #ffffff0b;color:#7e8795;font-size:10px} .bionluk-conversation-footer>a{color:#93abc5;text-decoration:none;font-size:11px} .bionluk-conversation :is(button,a):focus-visible{outline:2px solid #64d2ae;outline-offset:3px} @media(max-width:600px){.bionluk-message{max-width:94%;padding:10px 12px}.bionluk-conversation-controls{grid-template-columns:1fr;gap:12px}.bionluk-control+.bionluk-control{padding-top:12px;border-top:1px solid #ffffff0b}.bionluk-control>button{min-height:38px}} .ads-instructions{margin-top:14px;padding-top:14px;border-top:1px solid #ffffff10} .ads-instruction-label{display:block;margin-bottom:7px;color:#d8dce4;font-size:12px;font-weight:600} .ads-instructions>textarea{display:block;width:100%;min-height:76px;margin:0 0 9px;padding:10px 12px;background:#202125;border-color:#ffffff16;border-radius:8px;font-size:13px;line-height:1.5} .ads-instruction-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px} .ads-instruction-actions>span{color:#8f97a5;font-size:11px} .ads-instruction-actions>button{min-height:35px;padding:8px 13px;border-radius:7px;font-size:12px} .ads-instruction-actions>.workflow-error{flex-basis:100%;margin:0} .ads-instructions>.workflow-history{margin:14px 0 0;padding:12px 0 0;background:transparent;border:0;border-top:1px solid #ffffff0d;border-radius:0} .ads-instructions .history-entry:last-child{padding-bottom:0} .header-actions #settings-button{position:relative;width:36px;padding:0} .header-actions #settings-button>svg{width:18px;height:18px} .header-actions #settings-button.selected{background:#284c40;border-color:#64d2ae55;color:#b8f0dc} .header-actions #settings-button.has-system-issue{border-color:#e8af5055;color:#f2bd62;background:#382e20} .header-actions #settings-button.system-unverified::after{content:'';position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#bba061} .system-alert-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid #18181a;border-radius:9px;background:#e3a645;color:#251909;font-size:9px;font-weight:700;line-height:1} #system-alert{position:fixed;right:20px;bottom:20px;z-index:150;display:flex;align-items:center;gap:16px;width:min(460px,calc(100vw - 32px));padding:14px 16px;border:1px solid #bb925740;border-radius:11px;background:#24221f;box-shadow:0 10px 40px #0006} .system-alert-copy{flex:1;min-width:0} .system-alert-copy>strong{display:block;color:#f2c780;font-size:12px;font-weight:600;line-height:1.5} .system-alert-copy>p{margin:4px 0 0;color:#b0aaa0;font-size:11px;line-height:1.5;overflow-wrap:anywhere} .system-alert-actions{display:flex;align-items:center;gap:7px;flex-shrink:0} .system-alert-actions>button{min-height:30px;padding:6px 9px;border-radius:6px;font-size:11px;background:#ffffff06;border-color:#ffffff15} .system-alert-actions>#system-alert-close{width:26px;min-height:26px;padding:0;font-size:18px;font-weight:400;background:transparent;border-color:transparent;color:#a19a90} @media(max-width:600px){#system-alert{right:12px;bottom:12px;padding:12px;gap:10px}.system-alert-actions{gap:3px}} /* CRM heading and its sections remain visible together at the right. */ #app-navigation button{margin-left:0} #crm-navigation{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;padding-left:12px;border-left:1px solid #ffffff14} #crm-group-heading{display:inline-flex;align-items:center;gap:5px;padding:0 3px;color:#85858f;font-size:10px;font-weight:700;letter-spacing:.07em;line-height:34px} #crm-navigation.active #crm-group-heading{color:#a5d6c2} #crm-section-menu{display:inline-flex;align-items:center;gap:3px} #crm-group-heading.needs-attention{color:#ffadb5} @media(max-width:650px){#crm-navigation{gap:5px;padding-left:8px}#crm-group-heading{font-size:9px}} /* Settings: source-based status overview and compact connection details. */ .workflows[data-section="settings"] .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .workflows[data-section="settings"] .settings-grid>.system-panel{grid-column:1/-1;grid-row:auto;padding:22px 24px} .workflows[data-section="settings"] .system-panel>.panel-title{margin:0 0 18px;font-size:14px;font-weight:600;color:#e4e7ed} .workflows[data-section="settings"] .system-overview{display:flex;align-items:center;gap:13px;padding-bottom:20px} .workflows[data-section="settings"] .system-overview-dot{width:11px;height:11px;flex:none;border-radius:50%;background:#939ba8;box-shadow:0 0 0 6px #939ba80d} .workflows[data-section="settings"] .system-overview[data-state="connected"] .system-overview-dot{background:#64d2ae;box-shadow:0 0 0 6px #64d2ae0d} .workflows[data-section="settings"] .system-overview[data-state="attention"] .system-overview-dot{background:#e4b266;box-shadow:0 0 0 6px #e4b2660d} .workflows[data-section="settings"] .system-overview-copy{min-width:0} .workflows[data-section="settings"] .system-overview-copy>h4{margin:0 0 5px;color:#edf0f5;font-size:19px;font-weight:600;letter-spacing:-.025em;line-height:1.4} .workflows[data-section="settings"] .system-overview-copy>p{margin:0;color:#969fac;font-size:12px;line-height:1.6} .workflows[data-section="settings"] .system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:25px} .workflows[data-section="settings"] .system-metric{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:1px solid #ffffff0c;border-radius:9px;background:#ffffff02} .workflows[data-section="settings"] .system-metric>span{font-size:11px;line-height:1.4;color:#a2aab7} .workflows[data-section="settings"] .system-metric>strong{font-size:23px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;color:#c7cdd7} .workflows[data-section="settings"] .system-metric[data-state="connected"]>strong{color:#7ad5b5} .workflows[data-section="settings"] .system-metric[data-state="attention"]>strong{color:#e6bc7e} .workflows[data-section="settings"] .system-list-title{margin:0 0 12px;font-size:11px;font-weight:500;color:#919ba9} .workflows[data-section="settings"] .system-check-list{border:1px solid #ffffff0e;border-radius:10px;overflow:hidden} .workflows[data-section="settings"] .system-check{margin:0;padding:0;border:0;background:transparent} .workflows[data-section="settings"] .system-check+.system-check{border-top:1px solid #ffffff0b} .workflows[data-section="settings"] .system-check>summary{display:grid;grid-template-columns:minmax(0,1fr) 136px 175px 12px;align-items:center;gap:18px;margin:0;padding:15px 17px;cursor:pointer;transition:background .15s ease} .workflows[data-section="settings"] .system-check>summary:hover,.workflows[data-section="settings"] .system-check[open]>summary{background:#ffffff03} .workflows[data-section="settings"] .system-check>summary::before,.workflows[data-section="settings"] .system-check>summary::after{content:none} .workflows[data-section="settings"] .system-check>summary::-webkit-details-marker{display:none} .workflows[data-section="settings"] .system-check-name{display:grid;gap:4px;min-width:0} .workflows[data-section="settings"] .system-check-name>strong{font-size:12px;line-height:1.5;font-weight:550;color:#dee3eb;overflow-wrap:anywhere} .workflows[data-section="settings"] .system-check-name>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;color:#8f98a6} .workflows[data-section="settings"] .system-check[open] .system-check-name>span{display:block} .workflows[data-section="settings"] .system-check>summary>.workflow-state{justify-self:start;font-size:10px;white-space:nowrap} .workflows[data-section="settings"] .system-check-stamp{display:grid;gap:3px;text-align:right;font-size:10px;line-height:1.5;color:#777f8c} .workflows[data-section="settings"] .system-check-stamp>time{color:#a6aebb;font-variant-numeric:tabular-nums} .workflows[data-section="settings"] .system-check-arrow{font-size:19px;color:#7f8895;transition:transform .15s ease} .workflows[data-section="settings"] .system-check[open] .system-check-arrow{transform:rotate(90deg)} .workflows[data-section="settings"] .system-check-content{margin:0 17px 16px;padding:15px 16px;border:1px solid #ffffff09;border-radius:7px;background:#ffffff02} .workflows[data-section="settings"] .system-check-content>h4{margin:0 0 7px;font-size:10px;font-weight:500;color:#939eae} .workflows[data-section="settings"] .system-check-content>.text{margin:0;color:#bfc7d2;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere} .workflows[data-section="settings"] .system-check-content>.system-check-notice{margin:0 0 12px;color:#b8ac92;font-size:11px;line-height:1.6} .workflows[data-section="settings"] .system-repair-state{margin:13px 0 0;padding-top:12px;border-top:1px solid #ffffff0a;color:#c2b393;font-size:11px;line-height:1.6} .workflows[data-section="settings"] .system-check-content>button{margin:13px 0 0;min-height:32px;padding:7px 11px;font-size:11px;border-radius:6px;background:#ffffff04;border-color:#ffffff16} .workflows[data-section="settings"] .system-check>summary:focus-visible{outline:2px solid #64d2ae;outline-offset:-3px} .workflows[data-section="settings"] .intervention-panel{padding:18px 22px;background:#28221c;border-color:#ddb36b30} .workflows[data-section="settings"] .intervention-panel>.panel-title{margin:0 0 12px;color:#e7c591;font-size:13px} .workflows[data-section="settings"] .system-intervention+.system-intervention{margin-top:13px;padding-top:13px;border-top:1px solid #ddb36b15} .workflows[data-section="settings"] .system-intervention-source{font-size:10px;color:#b7a388} .workflows[data-section="settings"] .system-intervention>h4{margin:4px 0;font-size:13px;font-weight:550;color:#ead5b9} .workflows[data-section="settings"] .system-intervention>.text{margin:0;font-size:12px;line-height:1.6;color:#c4b6a4;overflow-wrap:anywhere} @media(max-width:950px){.workflows[data-section="settings"] .settings-grid{grid-template-columns:1fr}.workflows[data-section="settings"] .system-metric{display:grid;gap:8px;padding:12px}.workflows[data-section="settings"] .system-check>summary{grid-template-columns:minmax(0,1fr) 116px 150px 12px;gap:12px}} @media(max-width:600px){.workflows[data-section="settings"] .settings-grid>.system-panel{padding:18px 14px}.workflows[data-section="settings"] .system-overview-copy>h4{font-size:17px}.workflows[data-section="settings"] .system-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.workflows[data-section="settings"] .system-metric{display:flex;padding:12px}.workflows[data-section="settings"] .system-check>summary{grid-template-columns:minmax(0,1fr) auto 10px;gap:8px 10px;padding:13px 12px}.workflows[data-section="settings"] .system-check-name{grid-row:1/3}.workflows[data-section="settings"] .system-check>summary>.workflow-state{grid-column:2;grid-row:1;justify-self:end}.workflows[data-section="settings"] .system-check-stamp{grid-column:2;grid-row:2;font-size:9px}.workflows[data-section="settings"] .system-check-stamp>span{display:none}.workflows[data-section="settings"] .system-check-arrow{grid-column:3;grid-row:1/3}.workflows[data-section="settings"] .system-check-content{margin:0 12px 12px;padding:12px}.workflows[data-section="settings"] .intervention-panel{padding:16px}} @media(prefers-reduced-motion:reduce){.workflows[data-section="settings"] .system-check>summary,.workflows[data-section="settings"] .system-check-arrow{transition:none}} #app-navigation button.needs-attention,#crm-section-menu button.needs-attention{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#482326;color:#ffe1e3;box-shadow:inset 0 0 0 1px #ee687350;animation:srn-task-alert 2.4s ease-in-out infinite} #app-navigation button.needs-attention.selected,#crm-section-menu button.needs-attention.selected{background:#64282e;box-shadow:inset 0 0 0 1px #f2788266} .nav-task-count{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:#cc3947;color:#fff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums} .header-actions #settings-button.needs-attention{color:#ffbfc5;background:#482326;border-color:#e4657055;animation:srn-task-alert 2.4s ease-in-out infinite} .header-actions #settings-button.needs-attention>.system-alert-count{background:#cc3947;color:#fff} @keyframes srn-task-alert{0%,100%{background-color:#482326;box-shadow:inset 0 0 0 1px #ee687335}50%{background-color:#753139;box-shadow:inset 0 0 0 1px #ff8b9590,0 0 8px #e6516030}} @media(prefers-reduced-motion:reduce){#app-navigation button.needs-attention,#crm-section-menu button.needs-attention,.header-actions #settings-button.needs-attention{animation:none;background:#64282e}} /* SEO reviews share compact controls and a clear visual/content hierarchy. */ .seo-content-detail{display:grid;gap:18px;min-width:0;color:#dedee5} .workflow-detail.seo-detail>.detail-header{padding:16px 22px;gap:16px} .workflow-detail.seo-detail>.detail-header h2{font-size:17px;font-weight:600;line-height:1.45} .workflow-detail.seo-detail>.detail-header button{flex:none;display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:8px;font-size:22px;font-weight:400;background:#ffffff05;color:#aeb0ba;border-color:#ffffff14} .workflow-detail.seo-detail>.detail-header button:hover{color:#fff;background:#ffffff0b} .seo-content-detail>.seo-package-fields{display:grid;grid-template-columns:110px 80px minmax(0,1fr);gap:12px 20px;margin:0;padding:0;background:transparent;border-radius:0} .seo-content-detail>.seo-package-fields>div{min-width:0} .seo-content-detail>.seo-package-fields>div:nth-child(4){grid-column:1/-1;padding-top:10px;border-top:1px solid #ffffff0b} .seo-content-detail>.seo-package-fields dt{font-size:10px;color:#8d919e;margin-bottom:5px} .seo-content-detail>.seo-package-fields dd{font-size:12px;font-weight:400;line-height:1.6;color:#d3d5de} .seo-source-links{display:flex;flex-wrap:wrap;gap:7px} .seo-content-detail .seo-source-links>.source-link,.seo-content-detail .seo-device-link{display:inline-flex;align-items:center;gap:7px;margin:0;padding:7px 10px;min-height:32px;border:1px solid #ffffff16;border-radius:7px;background:#ffffff04;color:#b9cce1;font-size:11px;font-weight:500;line-height:1.4;text-decoration:none} .seo-content-detail .seo-source-links>.source-link:hover,.seo-content-detail .seo-device-link:hover{background:#ffffff0a;border-color:#ffffff2b;color:#ecf3ff;text-decoration:none} .seo-media-review{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:22px;align-items:start;padding:18px 0;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e} .seo-image-preview{min-width:0;margin:0} .seo-content-detail .seo-image-preview>.content-image{display:block;width:100%;max-width:100%;height:auto;max-height:226px;object-fit:contain;margin:0;background:#121315;border:1px solid #ffffff10;border-radius:9px} .seo-image-preview>figcaption{margin-top:8px;color:#8f939e;font-size:10px;line-height:1.55;overflow-wrap:anywhere} .seo-image-decision{min-width:0} .seo-image-decision>h3{margin:0 0 14px;font-size:13px;font-weight:600;color:#e7e9ef} .seo-content-detail label{display:block;margin:0 0 6px;color:#9b9eaa;font-size:11px;font-weight:500} .seo-content-detail textarea{display:block;width:100%;min-height:88px;margin:0 0 10px;padding:10px 12px;border:1px solid #ffffff1c;border-radius:8px;background:#212226;color:#e1e3eb;font:inherit;font-size:12px;line-height:1.6;resize:vertical} .seo-content-detail textarea::placeholder{color:#737784} .seo-content-detail textarea:focus{outline:0;border-color:#64d2ae88;box-shadow:0 0 0 3px #64d2ae10} .seo-review-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px} .seo-content-detail .seo-review-actions button,.seo-content-detail .seo-publication-blocker>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;margin:0;padding:8px 12px;border:1px solid #ffffff1b;border-radius:7px;background:#2a2c31;color:#cbd0da;font-size:11px;font-weight:600;line-height:1.4} .seo-content-detail .seo-review-actions button:hover{background:#34373d;border-color:#ffffff30;color:#f0f2f8} .seo-content-detail .seo-review-actions button.primary{background:#65cba8;border-color:#65cba8;color:#102c22} .seo-content-detail .seo-review-actions button.primary:hover{background:#85ddbd;border-color:#85ddbd;color:#102c22} .seo-content-detail .seo-review-actions button.revision{background:#d5aa6110;border-color:#d5aa612d;color:#d8be97} .seo-content-detail .seo-review-actions button.revision:hover{background:#d5aa6120;border-color:#d5aa6150} .seo-content-detail .seo-review-actions button:disabled{opacity:.5;cursor:wait} .seo-content-detail .seo-device-link{margin-top:12px;background:transparent;color:#a4b6cd} .seo-content-detail :is(button,a):focus-visible{outline:2px solid #64d2ae;outline-offset:3px} .seo-component-list{display:grid;gap:16px} .seo-component{min-width:0;overflow:hidden;border:1px solid #ffffff12;border-radius:10px;background:#1d1f23} .seo-component-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 16px;border-bottom:1px solid #ffffff0c;background:#ffffff02} .seo-component-head>h3{margin:0;color:#e5e7ee;font-size:13px;font-weight:600} .seo-component-head>.badge{margin:0;padding:4px 7px;font-size:10px;border-radius:5px} .seo-component>.seo-component-text{margin:0;padding:16px;font-size:13px;line-height:1.75;font-weight:400;color:#ccd0d9} .seo-component-decision{padding:12px 16px 14px;border-top:1px solid #ffffff0b;background:#ffffff02} .seo-component-decision textarea{min-height:70px;background:#1b1d21} .seo-content-detail .workflow-error{flex-basis:100%;margin:4px 0;font-size:11px;line-height:1.5;color:#f8a1a8} .seo-content-detail>.seo-publication{margin:0;padding:16px;border:1px solid #ffffff12;border-radius:10px;background:#1d1f23} .seo-channel{padding:12px 0;border-top:1px solid #ffffff0b} .seo-channel>.record-fields{margin:0;padding:0;background:transparent;gap:10px 20px;font-size:12px} .seo-publication-blocker>.workflow-text{margin:0 0 10px} @media(max-width:700px){ .workflow-detail.seo-detail>.detail-header{padding:14px 16px} .workflow-detail.seo-detail>.detail-header h2{font-size:15px} .seo-content-detail>.seo-package-fields{grid-template-columns:1fr 1fr;gap:12px} .seo-content-detail>.seo-package-fields>div:nth-child(n+3){grid-column:1/-1} .seo-media-review{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 0} .seo-image-preview{max-width:340px} .seo-content-detail .seo-review-actions button{min-height:38px;padding:8px 10px} .seo-component-head{padding:11px 13px} .seo-component>.seo-component-text,.seo-component-decision{padding:13px} } /* Advertising reports use a single metric row and a balanced action plan. */ .ads-report-detail{display:grid;gap:16px;min-width:0} .ads-report-detail>.record-fields{margin:0;padding:0;background:transparent;gap:12px 24px;font-size:12px} .ads-report-detail>.ads-report-summary{margin:0;padding:0;border:0;border-radius:0;background:transparent} .ads-report-detail>.ads-report-summary>.text{font-size:13px;line-height:1.7;color:#bec4d0} .ads-report-metrics>h3{margin:0 0 10px;color:#a7aebb;font-size:11px;font-weight:600} .ads-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border:1px solid #ffffff12;border-radius:9px;background:#202226;overflow:hidden} .ads-report-metric{min-width:0;padding:15px 16px;border-right:1px solid #ffffff10} .ads-report-metric:last-child{border-right:0} .ads-report-metric>dt{margin:0 0 8px;color:#929aa8;font-size:11px;font-weight:500;line-height:1.4} .ads-report-metric>dd{margin:0;color:#e5eaf2;font-size:19px;font-weight:600;line-height:1.45;letter-spacing:-.015em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;white-space:pre-wrap} .ads-report-metric.is-description>dd{font-size:12px;line-height:1.6;font-weight:500;letter-spacing:0} .ads-report-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .ads-report-plan>.module-panel{min-width:0;margin:0;padding:15px 16px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff02;box-shadow:none} .ads-report-plan .panel-title{margin:0 0 10px;color:#d3d9e3;font-size:12px;font-weight:600} .ads-report-plan .record-lines{gap:7px;margin:0;padding-left:15px;color:#b9c1ce;font-size:12px;line-height:1.7} .ads-report-plan .record-lines li::marker{color:#688f84} .ads-report-footer{display:flex;align-items:center;justify-content:flex-end;margin:0} .ads-report-footer>.source-link{min-height:29px;margin:0;padding:5px 9px;border:1px solid #ffffff14;border-radius:6px;background:#ffffff03;color:#a9bbd2;font-size:10px;font-weight:500;text-decoration:none} .ads-report-footer>.source-link:hover{background:#ffffff09;color:#d8e6f7;border-color:#ffffff25} #workspace #list.workflows[data-section="ads"]>.card>.record-actions{position:relative;display:block;margin-top:12px;padding-top:12px} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details{margin:0} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details>summary{display:flex;align-items:center;gap:7px;width:fit-content;max-width:calc(100% - 126px);min-height:32px;padding:6px 9px;border:1px solid #ffffff14;border-radius:7px;color:#b9c8da;background:#ffffff03;font-size:11px;font-weight:500;list-style:none} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details>summary::-webkit-details-marker{display:none} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details>summary::after{content:'›';font-size:16px;line-height:1;transform:rotate(90deg)} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details[open]>summary{margin-bottom:15px;background:#ffffff06} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>details[open]>summary::after{transform:rotate(-90deg)} #workspace #list.workflows[data-section="ads"]>.card>.record-actions>button{position:absolute;top:12px;right:0;min-height:32px;padding:6px 10px;border-color:#ffffff14;border-radius:7px;color:#aab8cb;font-size:11px;background:#ffffff03} #workspace #list.workflows[data-section="ads"]>.card>.record-actions .ads-report-detail>.record-fields, #workspace #list.workflows[data-section="ads"]>.card>.record-actions .ads-report-detail>.ads-report-summary{display:none} #workspace #list.workflows[data-section="ads"]>.card>.ads-instructions{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff10} #workspace #list.workflows[data-section="ads"]>.card>.ads-instructions>label{margin-bottom:8px;color:#c6cedb;font-size:11px;font-weight:600} #workspace #list.workflows[data-section="ads"]>.card>.ads-instructions>textarea{min-height:70px;margin:0 0 10px;padding:10px 12px;background:#1e2024;border:1px solid #ffffff16;border-radius:8px;color:#dde3ee;font-size:12px;line-height:1.6} #workspace #list.workflows[data-section="ads"]>.card>.ads-instructions>textarea::placeholder{color:#727c8c} #workspace #list.workflows[data-section="ads"]>.card>.ads-instructions>textarea:focus{outline:0;border-color:#64d2ae88;box-shadow:0 0 0 3px #64d2ae10} .ads-instruction-actions>span{font-size:10px;color:#8893a4} .ads-instruction-actions>button.primary{min-height:34px;padding:8px 13px;border:1px solid #65cba8;border-radius:7px;background:#65cba8;color:#102c22;font-size:11px;font-weight:600} .ads-instruction-actions>button.primary:hover{background:#85ddbd;border-color:#85ddbd} .ads-instructions :is(button,textarea):focus-visible{outline:2px solid #64d2ae;outline-offset:3px} @media(max-width:700px){ .ads-metric-grid{grid-template-columns:1fr} .ads-report-metric{padding:12px 14px;border-right:0;border-bottom:1px solid #ffffff10} .ads-report-metric:last-child{border-bottom:0} .ads-report-metric>dd{font-size:17px} .ads-report-plan{grid-template-columns:1fr} .ads-instruction-actions>button.primary{min-height:38px} } /* Settings controls run across the page with complete descriptions visible. */ .workflows[data-section="settings"] .settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start} .workflows[data-section="settings"] .settings-grid>.system-panel{grid-column:1/-1;grid-row:auto;padding:18px 20px} .workflows[data-section="settings"] .system-panel>.panel-title{margin-bottom:14px;font-size:13px} .workflows[data-section="settings"] .system-status-overview{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #ffffff0d} .workflows[data-section="settings"] .system-status-overview>.system-overview{padding:0;gap:12px} .workflows[data-section="settings"] .system-overview-copy>h4{font-size:17px} .workflows[data-section="settings"] .system-overview-copy>p{font-size:11px;line-height:1.6} .workflows[data-section="settings"] .system-status-overview>.system-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border:1px solid #ffffff0e;border-radius:8px;overflow:hidden;background:#ffffff02} .workflows[data-section="settings"] .system-status-overview .system-metric{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 13px;border:0;border-right:1px solid #ffffff0e;border-radius:0;background:transparent} .workflows[data-section="settings"] .system-status-overview .system-metric:last-child{border-right:0} .workflows[data-section="settings"] .system-status-overview .system-metric>span{font-size:10px;line-height:1.4} .workflows[data-section="settings"] .system-status-overview .system-metric>strong{font-size:18px;font-weight:600} .workflows[data-section="settings"] .system-list-title{margin:0 0 10px;font-size:12px;color:#cbd2dd;font-weight:600} .workflows[data-section="settings"] .system-check-list{border-color:#ffffff12;border-radius:9px} .workflows[data-section="settings"] .system-check-columns, .workflows[data-section="settings"] .system-check-horizontal{display:grid;grid-template-columns:170px minmax(0,1fr) 125px 145px 145px;align-items:start;gap:12px;padding:13px 16px} .workflows[data-section="settings"] .system-check-columns{align-items:center;padding-top:10px;padding-bottom:10px;background:#ffffff04;color:#828d9e;font-size:10px;font-weight:500} .workflows[data-section="settings"] .system-check-horizontal{margin:0;border:0;border-top:1px solid #ffffff0b;background:transparent} .workflows[data-section="settings"] .system-check-horizontal:hover{background:#ffffff02} .workflows[data-section="settings"] .system-check-horizontal>.system-check-name{display:block;min-width:0} .workflows[data-section="settings"] .system-check-name>h4{margin:0 0 5px;font-size:12px;font-weight:600;line-height:1.5;color:#e0e5ee;overflow-wrap:anywhere} .workflows[data-section="settings"] .system-check-name>p{margin:0;color:#8691a2;font-size:10px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere} .workflows[data-section="settings"] .system-check-horizontal>.system-check-content{min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent} .workflows[data-section="settings"] .system-check-horizontal>.system-check-content>.text{margin:0;color:#aeb9ca;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere} .workflows[data-section="settings"] .system-check-horizontal .system-check-notice{margin:0 0 6px;color:#c9b992;font-size:10px;line-height:1.6} .workflows[data-section="settings"] .system-check-horizontal>.workflow-state{justify-self:start;max-width:100%;margin:0;padding:4px 7px;border-radius:5px;font-size:10px;line-height:1.5;white-space:normal} .workflows[data-section="settings"] .system-check-horizontal>.system-check-stamp{min-width:0;margin:0;text-align:left;font-size:10px;line-height:1.6} .workflows[data-section="settings"] .system-check-horizontal>.system-check-stamp>span{display:none} .workflows[data-section="settings"] .system-check-actions{min-width:0;justify-self:start} .workflows[data-section="settings"] .system-check-actions>button{min-height:30px;margin:0;padding:6px 9px;border:1px solid #ffffff1b;border-radius:6px;background:#ffffff04;color:#ccd7e7;font-size:10px;font-weight:600;line-height:1.5} .workflows[data-section="settings"] .system-check-actions>button:hover{background:#ffffff0a;border-color:#ffffff2c;color:#fff} .workflows[data-section="settings"] .system-check-actions>.system-repair-state{margin:0;padding:0;color:#bbaa8e;font-size:10px;line-height:1.6;white-space:normal} .workflows[data-section="settings"] .system-check-actions>.system-check-no-action{color:#5f6875;font-size:12px} .workflows[data-section="settings"] .settings-grid>.module-panel:not(.system-panel){min-width:0;margin:0;padding:16px;border-radius:9px} .workflows[data-section="settings"] .settings-grid>.module-panel:not(.system-panel)>.panel-title{margin:0 0 12px;font-size:12px} .workflows[data-section="settings"] .settings-notifications>.badge{margin:0 0 8px;padding:4px 7px;font-size:10px;border-radius:5px} .workflows[data-section="settings"] .settings-grid>.module-panel:not(.system-panel)>.muted, .workflows[data-section="settings"] .settings-device>.text{font-size:11px;line-height:1.7} .workflows[data-section="settings"] .settings-grid>.module-panel:not(.system-panel)>button{min-height:32px;margin:6px 6px 0 0;padding:7px 10px;border:1px solid #ffffff17;border-radius:6px;background:#ffffff04;color:#c4cfdf;font-size:10px;line-height:1.5} .workflows[data-section="settings"] .settings-sessions .session-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 0} .workflows[data-section="settings"] .settings-sessions .session-row>.record-head{grid-column:1/-1;margin:0} .workflows[data-section="settings"] .settings-sessions .record-head h2{font-size:12px} .workflows[data-section="settings"] .settings-sessions .record-aside{display:none} .workflows[data-section="settings"] .settings-sessions .session-row>.record-fields{display:grid;gap:8px;margin:0;padding:0;font-size:10px} .workflows[data-section="settings"] .settings-sessions .record-fields>div{min-width:0} .workflows[data-section="settings"] .settings-sessions .record-fields dt{font-size:9px} .workflows[data-section="settings"] .settings-sessions .session-row>button{align-self:center;min-height:30px;padding:6px 8px;border-radius:6px;font-size:10px;background:#d9647210;border-color:#d964722b;color:#e7a3aa} .workflows[data-section="settings"] .settings-grid>.settings-history{grid-column:1/-1;margin:0;padding:16px;border:1px solid #ffffff12;border-radius:9px;background:#1b1c1f} .workflows[data-section="settings"] .settings-history .history-entry{padding:12px 0} .workflows[data-section="settings"] .settings-history .history-entry>.text{font-size:12px;line-height:1.7} .workflows[data-section="settings"] :is(button,summary):focus-visible{outline:2px solid #64d2ae;outline-offset:3px} @media(max-width:1100px){ .workflows[data-section="settings"] .system-status-overview{grid-template-columns:1fr;gap:12px} .workflows[data-section="settings"] .system-status-overview>.system-metrics{justify-self:start} .workflows[data-section="settings"] .system-check-columns{display:none} .workflows[data-section="settings"] .system-check-horizontal{grid-template-columns:160px minmax(0,1fr) 130px;gap:8px 14px} .workflows[data-section="settings"] .system-check-horizontal>.system-check-name{grid-column:1;grid-row:1} .workflows[data-section="settings"] .system-check-horizontal>.system-check-content{grid-column:2;grid-row:1/3} .workflows[data-section="settings"] .system-check-horizontal>.workflow-state{grid-column:3;grid-row:1} .workflows[data-section="settings"] .system-check-horizontal>.system-check-stamp{grid-column:1;grid-row:2} .workflows[data-section="settings"] .system-check-horizontal>.system-check-stamp>span{display:block} .workflows[data-section="settings"] .system-check-actions{grid-column:3;grid-row:2} .workflows[data-section="settings"] .settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .workflows[data-section="settings"] .settings-device{grid-column:1/-1} } @media(max-width:650px){ .workflows[data-section="settings"] .settings-grid{grid-template-columns:1fr} .workflows[data-section="settings"] .system-check-horizontal{grid-template-columns:minmax(0,1fr) auto;padding:13px 12px;gap:10px} .workflows[data-section="settings"] .system-check-horizontal>.system-check-name{grid-column:1;grid-row:1} .workflows[data-section="settings"] .system-check-horizontal>.workflow-state{grid-column:2;grid-row:1;justify-self:end} .workflows[data-section="settings"] .system-check-horizontal>.system-check-content{grid-column:1/-1;grid-row:2} .workflows[data-section="settings"] .system-check-horizontal>.system-check-stamp{grid-column:1;grid-row:3} .workflows[data-section="settings"] .system-check-actions{grid-column:2;grid-row:3;justify-self:end} .workflows[data-section="settings"] .system-status-overview>.system-metrics{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))} .workflows[data-section="settings"] .system-status-overview .system-metric{padding:10px;border-bottom:1px solid #ffffff0e} .workflows[data-section="settings"] .system-status-overview .system-metric:nth-child(2){border-right:0} .workflows[data-section="settings"] .system-status-overview .system-metric:nth-child(n+3){border-bottom:0} } /* Compact desktop header keeps all modules and CRM sections in view. */ .app-header{padding:0 12px} .header-inner{gap:10px} .app-brand{gap:8px} .app-brand img{width:96px;height:30px} .brand-divider,.brand-context{display:none} #app-navigation{gap:2px;padding:3px;border-radius:10px} #app-navigation button{min-height:32px;padding:0 7px;font-size:11px;border-radius:7px} #crm-navigation{gap:4px;padding-left:7px} #crm-group-heading{gap:3px;padding:0 2px;font-size:9px;letter-spacing:.03em;line-height:32px} #crm-section-menu{gap:2px} #app-navigation button.needs-attention,#crm-section-menu button.needs-attention{gap:4px} #app-navigation .nav-task-count{min-width:14px;height:14px;padding:0 3px;border-radius:4px;font-size:9px} .header-actions{gap:5px} .header-actions #settings-button,.header-actions #logout{width:32px;min-height:32px;border-radius:8px} @media(max-width:1000px){.app-header{padding:0 8px}.header-inner{gap:7px}.app-brand img{width:80px;height:28px}#app-navigation button{padding:0 5px;font-size:10.5px}#crm-navigation{gap:3px;padding-left:5px}} @media(max-width:760px){.app-header{height:auto;min-height:var(--app-header-height);padding:7px 9px}.header-inner{flex-wrap:wrap;gap:7px}.app-brand{flex:1}#app-navigation{order:3;flex:1 0 100%;flex-wrap:wrap;overflow:visible;gap:2px}#app-navigation button{flex:1 0 auto;min-height:30px}#crm-navigation{flex:1 0 100%;margin:2px 0 0;padding:3px 0 0;border-left:0;border-top:1px solid #ffffff14}#crm-section-menu{flex:1}#crm-section-menu button{flex:1}body.original-crm{--app-header-height:122px}} /* Instagram review studio: compact status and balanced preview panels. */ .workflows[data-section="ig"]{max-width:none} .ig-toolbar{display:flex;align-items:center;gap:24px;margin-bottom:12px;padding:2px 0 10px;border-bottom:1px solid #ffffff0b} .ig-account{display:grid;gap:3px;flex:none}.ig-account strong{font-size:13px;font-weight:600;color:#e2e5e7}.ig-account>span,.ig-schedule>span{font-size:11px;color:#858a91} .ig-schedule{display:grid;gap:3px;flex:none;padding-left:20px;border-left:1px solid #ffffff12}.ig-schedule strong{font-size:12px;font-weight:550;color:#bec5ce;font-variant-numeric:tabular-nums} .ig-preview-notice{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;min-width:0}.ig-preview-notice>span{font-size:11px;color:#90969f;line-height:1.5;max-width:330px} .ig-link-button{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:30px;padding:6px 10px;border:1px solid #ffffff1a;border-radius:6px;background:#ffffff03;color:#c2cbd5;font-size:11px;font-weight:550;text-decoration:none;white-space:nowrap}.ig-link-button:hover{background:#ffffff08;color:#eef3f9} .ig-connection{display:grid;grid-template-columns:195px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 15px;border:1px solid #ffffff0e;border-radius:9px;background:#1a1b1e;margin-bottom:9px} .ig-connection-identity{display:flex;align-items:center;gap:10px;min-width:0}.ig-connection-dot{font-size:11px;line-height:1;color:#929baa}.ig-connection[data-state="connected"] .ig-connection-dot{color:#64d2ae}.ig-connection[data-state="disconnected"] .ig-connection-dot{color:#dba264} .ig-connection-identity>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 8px}.ig-eyebrow{grid-column:1/-1;color:#828993;font-size:10px;line-height:1.3}.ig-connection-identity strong{font-size:12px;font-weight:600}.ig-connection-status{font-size:10px;color:#a1a9b4}.ig-connection[data-state="connected"] .ig-connection-status{color:#75cbae}.ig-connection[data-state="disconnected"] .ig-connection-status{color:#d0aa7d} .ig-connection-reason{margin:0;color:#a9b0b9;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.ig-connection-stamp{display:grid;gap:4px;text-align:right;white-space:nowrap;font-size:10px;color:#7a838e}.ig-connection-stamp time{color:#a4acb6;font-variant-numeric:tabular-nums} .ig-workflow-note{margin:0 0 18px;font-size:10px;color:#7e8793;line-height:1.6} .workflows .ig-package{max-width:none;margin:0 0 18px;padding:18px;border:1px solid #ffffff12;border-radius:12px;background:#1a1b1e} .ig-package-header{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;height:auto;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid #ffffff0b;background:transparent} .ig-package-heading{min-width:0}.ig-package-heading h2{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-.02em;overflow-wrap:anywhere}.ig-package-meta{display:flex;gap:8px;align-items:center}.ig-package-meta>span{color:#7e8794;font-size:10px;line-height:1.4}.ig-package-meta>span+span{padding-left:8px;border-left:1px solid #ffffff14} .ig-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px} .ig-part{display:grid;align-content:start;gap:9px;min-width:0;padding:13px;border:1px solid #ffffff0d;border-radius:9px;background:#202124} .ig-part-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:3px}.ig-part-header h3{margin:0;color:#dce0e7;font-size:12px;font-weight:600}.ig-approval-state{padding:4px 7px;border:1px solid #ffffff0e;border-radius:5px;background:#ffffff03;color:#909ba8;font-size:9px;line-height:1.25}.ig-approval-state[data-state="pending"],.ig-approval-state[data-state="expired"]{color:#d7b383;background:#b9955010;border-color:#b9955020}.ig-approval-state[data-state="approved"]{color:#7bd5b4;background:#3c91621a;border-color:#64d2ae25}.ig-approval-state[data-state="rejected"]{color:#d0a09c;background:#994c4815} .ig-gallery{display:flex;gap:0;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border:1px solid #ffffff08;border-radius:7px;background:#141518}.ig-gallery::-webkit-scrollbar{display:none}.ig-gallery figure{display:grid;grid-template-rows:276px 32px;flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.ig-gallery img{display:block;width:100%;height:276px;padding:8px;object-fit:contain;min-width:0} .ig-image-tools{display:flex;justify-content:space-between;align-items:center;padding:0 10px;border-top:1px solid #ffffff09}.ig-image-tools a{font-size:10px;color:#858f9d;text-decoration:none}.ig-image-tools a:hover{color:#c8d7e8}.ig-part .ig-enlarge{min-height:24px;padding:2px 0;border:0;background:transparent;color:#b3c3d5;font-size:10px;font-weight:550}.ig-part .ig-enlarge:hover{background:transparent;color:#e3eefb} .ig-pagination{display:flex;justify-content:center;align-items:center;gap:10px;height:28px}.ig-pagination span{min-width:45px;text-align:center;color:#848e9b;font-size:10px;font-variant-numeric:tabular-nums}.ig-part .ig-pagination button{width:26px;min-height:26px;padding:0;border:1px solid #ffffff12;border-radius:5px;background:#ffffff03;color:#a5b3c5;font-size:20px;font-weight:400;line-height:1}.ig-pagination button:disabled{opacity:.25;cursor:default} .ig-part details{margin:0;border:1px solid #ffffff0b;border-radius:6px;background:#ffffff02;overflow:hidden}.ig-part details summary{margin:0;padding:9px 10px;color:#99a8b9;font-size:10px;font-weight:500;line-height:1.4}.ig-part details[open] summary{border-bottom:1px solid #ffffff0a}.ig-part details .text{margin:0;padding:12px;color:#c5cbd4;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.ig-part .ig-part-note,.ig-target-link{margin:0;min-height:18px;font-size:10px;line-height:1.6;color:#858e9b}.ig-target-link{color:#98b1cc;text-decoration:none}.ig-target-link:hover{color:#c4dcf4} .ig-verification{min-height:15px;margin:0;color:#757f8d;font-size:9px;line-height:1.5}.ig-verification[data-state="ready"]{color:#7d9b8f}.ig-verification[data-state="error"]{color:#e5a39d} .ig-part .primary{width:100%;min-height:34px;padding:7px 12px;border-radius:6px;background:#35775f;border:1px solid #68d0a940;color:#e0f4ec;font-size:11px;font-weight:600}.ig-part .primary:hover{background:#408b70}.ig-part .primary:disabled{opacity:.45;cursor:default} .ig-part .ig-revision textarea{width:calc(100% - 20px);margin:10px;min-height:76px;padding:9px;border-radius:6px;font-size:12px}.ig-part .ig-revision .revision{min-height:30px;margin:0 10px 10px;padding:6px 10px;border-radius:5px;border-color:#ffffff16;background:#ffffff04;color:#c2c8d1;font-size:10px}.ig-decision-note,.ig-publication-result{margin:4px 0 0;padding:10px 12px;border:1px solid #ffffff0b;border-radius:6px;color:#a7b0bf;font-size:11px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.ig-publication-result{margin-top:12px} .ig-viewer{width:min(1050px,95vw);max-height:94dvh;border:1px solid #484c54;border-radius:12px;background:#17181b;padding:12px;overflow:auto}.ig-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}.ig-viewer img{display:block;width:100%;height:auto}.ig-viewer button{position:sticky;top:0;display:block;margin:0 0 12px auto;min-height:32px;padding:7px 14px;border-radius:6px;background:#30343b;border-color:#ffffff20;color:#e2e7ef;font-size:11px} @media(max-width:850px){.ig-toolbar{gap:16px;flex-wrap:wrap}.ig-preview-notice{width:100%;justify-content:space-between;margin:0;padding-top:6px}.ig-preview-notice>span{max-width:none}.ig-connection{grid-template-columns:180px minmax(0,1fr);gap:10px}.ig-connection-stamp{grid-column:2;text-align:left}.ig-package-header{gap:12px}.ig-part{padding:10px}} @media(max-width:620px){.ig-toolbar{gap:14px}.ig-preview-notice{align-items:flex-start;gap:10px}.ig-connection{grid-template-columns:1fr;padding:12px}.ig-connection-stamp{grid-column:auto;display:flex;gap:8px;white-space:normal}.ig-workflow-note{margin-bottom:12px}.workflows .ig-package{padding:12px}.ig-package-header{align-items:flex-start;margin-bottom:12px;padding-bottom:12px;gap:10px}.ig-package-heading h2{font-size:15px}.ig-parts{grid-template-columns:1fr;gap:12px}.ig-gallery figure{grid-template-rows:300px 32px}.ig-gallery img{height:300px}.ig-part-header h3{font-size:12px}} /* Instagram: readable media and one focused decision at a time. */ .ig-toolbar{gap:16px;margin-bottom:10px;padding-bottom:10px}.ig-queue-summary{margin-left:auto;font-size:11px;color:#a9b5af;padding:6px 9px;border:1px solid #ffffff12;border-radius:6px}.ig-queue-summary[data-state=pending]{color:#f5aaaa;background:#842a2d25;border-color:#de585b40}.ig-preview-notice{margin-left:0} .ig-workflow-note{margin-bottom:12px;font-size:11px}.ig-connection{padding:9px 12px}.workflows .ig-package{padding:16px}.ig-package-header{margin-bottom:12px;padding-bottom:12px}.ig-component-tabs{display:flex;gap:6px;margin-bottom:14px}.ig-component-tabs button{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;font-size:12px;border-radius:7px;background:#ffffff02;border:1px solid #ffffff10;color:#a3adb8}.ig-component-tabs button[aria-selected=true]{background:#274f4140;border-color:#639e8140;color:#ceeedf}.ig-tab-status{font-size:10px;color:#b5a581}.ig-parts{display:block}.ig-part{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(260px,1fr);gap:22px;padding:0;border:0;border-radius:0;background:transparent}.ig-part[hidden]{display:none}.ig-media-column,.ig-review-column{min-width:0}.ig-review-column{display:flex;flex-direction:column;gap:12px;padding-top:3px}.ig-part-header{margin:0}.ig-part-header h3{font-size:14px}.ig-approval-state{font-size:10px;padding:5px 8px}.ig-gallery figure{grid-template-rows:440px 36px}.ig-gallery img{height:440px;padding:10px;cursor:zoom-in}.ig-image-tools{padding:0 12px}.ig-part .ig-enlarge,.ig-image-tools a{font-size:11px}.ig-pagination{justify-content:space-between;height:38px;margin-top:6px}.ig-part .ig-pagination button{width:36px;min-height:32px;font-size:22px}.ig-pagination span{font-size:11px;color:#b1bcc8}.ig-thumbnails{display:flex;gap:6px;margin-top:7px}.ig-part .ig-thumbnail{position:relative;width:50px;height:62px;min-height:62px;padding:3px;border:1px solid #ffffff14;border-radius:5px;background:#121416;overflow:hidden}.ig-thumbnail img{width:100%;height:100%;object-fit:contain}.ig-thumbnail span{position:absolute;right:2px;bottom:2px;padding:1px 4px;background:#111c;border-radius:3px;color:#eee;font-size:9px}.ig-part .ig-thumbnail[aria-pressed=true]{border:2px solid #78c5a6}.ig-part .ig-thumbnail:disabled{opacity:.35}.ig-part details{background:transparent;border-color:#ffffff10}.ig-part details summary{font-size:11px;padding:11px 12px}.ig-part details .text{font-size:12px;line-height:1.7;padding:12px}.ig-copy{border:1px solid #ffffff0b;border-radius:7px;padding:13px;background:#ffffff02}.ig-copy h4{font-size:11px;color:#a3b1be;margin:0 0 10px}.ig-copy .text{font-size:12px;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.ig-review-actions{display:grid;gap:9px;margin-top:auto;padding-top:14px;border-top:1px solid #ffffff0c}.ig-verification{font-size:10px}.ig-part .primary{min-height:42px;font-size:12px;border-radius:7px}.ig-part .ig-revision textarea{min-height:90px}.ig-part .ig-revision .revision{font-size:11px;min-height:34px}.ig-part .ig-part-note,.ig-target-link{font-size:11px}.ig-viewer{width:min(1120px,96vw);height:94dvh;max-height:94dvh;padding:12px;overflow:hidden}.ig-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:42px;margin-bottom:12px}.ig-viewer-bar span{font-size:12px;color:#abb7c4;text-align:center}.ig-viewer .ig-viewer-bar button{position:static;margin:0;min-height:34px;padding:6px 10px;white-space:nowrap}.ig-viewer img{width:100%;height:calc(100% - 54px);object-fit:contain}.ig-viewer button:disabled{opacity:.3}.ig-part button:focus-visible,.ig-component-tabs button:focus-visible{outline:2px solid #7fd1ad;outline-offset:3px} @media(min-width:1200px){.ig-gallery figure{grid-template-rows:510px 36px}.ig-gallery img{height:510px}.ig-part{grid-template-columns:minmax(360px,1.1fr) minmax(300px,1fr)}} @media(max-width:720px){.ig-part{grid-template-columns:1fr;gap:16px}.ig-gallery figure{grid-template-rows:410px 36px}.ig-gallery img{height:410px}.ig-component-tabs button{flex:1;justify-content:center;gap:5px;flex-wrap:wrap;font-size:11px}.ig-review-actions{margin-top:0}.ig-queue-summary{font-size:10px}.ig-viewer-bar{gap:4px}.ig-viewer-bar span{font-size:10px}.ig-viewer .ig-viewer-bar button{padding:5px 7px;font-size:10px}} /* Login: one clear entry card, with pairing and session messages inside it. */ body:has(#login:not([hidden])){background:#101113;background-image:radial-gradient(ellipse at 50% 32%,#25483b18,transparent 56%)} body:has(#login:not([hidden])) .app-header{position:relative;background:#161719;border-color:#ffffff0b;backdrop-filter:none} body:has(#login:not([hidden])) .app-brand img{width:110px;height:32px} body:has(#login:not([hidden]))>main{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - var(--app-header-height));max-width:none;margin:0;padding:36px 20px} body:has(#login:not([hidden]))>main>#notice{display:none} #login{width:100%;max-width:430px;margin:0;padding:30px;border:1px solid #ffffff12;border-radius:16px;background:#1b1d20;box-shadow:0 24px 80px #0003,0 1px 0 #ffffff04 inset} .login-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px} .login-symbol{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6accad25;border-radius:11px;background:#3b8b6812;color:#81cdb1;flex:none}.login-symbol svg{width:21px;height:21px} .login-eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;color:#919ca8;line-height:1.5} #login h1{margin:0 0 10px;color:#eff1f4;font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.25} #login .login-description{margin:0 0 24px;color:#929ca8;font-size:12px;line-height:1.75;max-width:330px} .login-actions{display:flex;flex-direction:column;gap:9px} #login .login-button{display:flex;align-items:center;justify-content:flex-start;gap:11px;width:100%;min-height:44px;margin:0;padding:11px 14px;border:1px solid #ffffff13;border-radius:8px;background:#23262b;color:#c4cbd4;font-size:12px;font-weight:550;line-height:1.4;text-align:left;transition:background .15s ease,border-color .15s ease} #login .login-button svg{width:18px;height:18px;flex:none}.login-arrow{margin-left:auto;font-size:16px;font-weight:400;opacity:.7} #login .login-phone{background:#62c6a3;border-color:#6dd3af;color:#102d23} #login .login-phone:hover{background:#76d3b2;border-color:#84ddbf} #login .login-passkey:hover{background:#2b3036;border-color:#ffffff23} .login-actions:has(#unlock:not([hidden])) #unlock{order:-1;background:#62c6a3;border-color:#6dd3af;color:#102d23} .login-actions:has(#unlock:not([hidden])) #unlock:hover{background:#76d3b2;border-color:#84ddbf} .login-actions:has(#unlock:not([hidden])) #begin{background:#23262b;border-color:#ffffff13;color:#c4cbd4} .login-actions:has(#unlock:not([hidden])) #begin:hover{background:#2b3036;border-color:#ffffff23} #login button:focus-visible,#login summary:focus-visible{outline:2px solid #6accad;outline-offset:3px} #login-notice{margin:16px 0 0;padding:10px 12px;border:1px solid #74bb9d1c;border-radius:7px;background:#49876b08;color:#a3b4ad;font-size:11px;line-height:1.65;overflow-wrap:anywhere}#login-notice:empty{display:none} .login-security{display:flex;align-items:flex-start;gap:9px;margin-top:24px;padding-top:17px;border-top:1px solid #ffffff09;color:#697580} .login-security svg{width:14px;height:14px;flex:none;margin-top:2px}.login-security p{margin:0;font-size:10px;line-height:1.65;color:#7a8591} #login #pair{margin-top:22px;padding-top:22px;border-top:1px solid #ffffff0d} .login-pair-heading h2{margin:0 0 7px;font-size:14px;font-weight:600;color:#d5dce5;letter-spacing:-.015em}.login-pair-heading p{margin:0;color:#8b98a6;font-size:11px;line-height:1.7} #login #qr{display:grid;place-items:center;width:220px;max-width:100%;padding:10px;margin:20px auto 12px;border:1px solid #ffffff16;border-radius:10px;background:#fff} #login #qr svg{display:block;width:100%;max-width:200px;height:auto;margin:0;border-radius:0} #login #pair-code{margin:0 0 16px;font-size:10px;color:#819387;text-align:center;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .login-pair-manual{margin:0 0 14px;padding:0;border:1px solid #ffffff0c;border-radius:7px;background:#ffffff02;overflow:hidden}.login-pair-manual summary{margin:0;padding:10px 12px;font-size:11px;color:#99a8b9;line-height:1.5}.login-pair-manual[open] summary{margin:0;border-bottom:1px solid #ffffff08}.login-pair-manual>p{margin:12px 12px 8px;font-size:10px;color:#8793a1;line-height:1.7} .login-copy-row{display:flex;align-items:center;gap:7px;margin:0 12px 12px;min-width:0}#login #pair-link{min-width:0;flex:1;margin:0;padding:9px;border-radius:5px;background:#17191c;border-color:#ffffff10;font-size:10px;color:#909eaf} #login #copy{min-width:0;flex:none;min-height:33px;margin:0;padding:7px 10px;border-radius:5px;background:#2b3036;border-color:#ffffff14;font-size:10px;color:#d1d9e3} #login #check{width:100%;min-height:40px;margin:0;padding:10px 12px;border-radius:7px;background:#35775f;border-color:#6accad35;color:#e3f7ef;font-size:11px;font-weight:600}#login #check:hover{background:#408b70} @media(max-width:600px){body:has(#login:not([hidden])) .app-header{min-height:54px;height:54px;padding:0 18px}body:has(#login:not([hidden])) .header-inner{flex-wrap:nowrap}body:has(#login:not([hidden]))>main{padding:25px 16px;min-height:calc(100dvh - 54px)}#login{max-width:400px;padding:25px 22px;border-radius:13px}.login-heading{margin-bottom:22px}#login h1{font-size:23px}} /* Reels review workspace */ #list.reels-workspace{display:block;max-width:1220px}.reels-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.reels-heading h2{font-size:28px;letter-spacing:-.7px;margin:6px 0}.reels-eyebrow{font-size:10px;letter-spacing:1.8px;color:#82938e;margin:0}.reels-lead{color:#a0a8a4;font-size:13px;margin:8px 0 0}.reels-schedule{font-size:10px;letter-spacing:1px;white-space:nowrap;padding:10px 12px;border:1px solid #35433c;border-radius:8px;color:#9fd3bd;background:#17201c}.reels-filters{display:flex;gap:6px;margin-bottom:22px;overflow:auto;padding-bottom:2px}.reels-filters button{white-space:nowrap;min-height:36px!important;border:1px solid #ffffff12;border-radius:8px;padding:8px 12px;font-size:11px;background:#191b1d;color:#929a96}.reels-filters button.selected{background:#263e33;color:#bde8d5;border-color:#457a604f}.reels-review{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(320px,1.18fr);border:1px solid #ffffff10;border-radius:18px;background:#17191b;overflow:hidden}.reels-player-column{padding:22px;background:#101214;border-right:1px solid #ffffff0b;min-width:0}.reels-player-column video{display:block;width:100%;max-height:660px;aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:10px}.reels-media-meta{color:#75817c;font-size:10px;text-align:center;margin:14px 0 0}.reels-content-column{padding:28px;min-width:0;display:flex;flex-direction:column;gap:22px}.reels-title h3{font-size:22px;line-height:1.3;letter-spacing:-.4px;margin:16px 0 12px}.reels-meta{display:flex;flex-wrap:wrap;gap:8px;color:#8d9992;font-size:10px}.reels-meta span+span:before{content:'·';margin-right:8px}.reels-state{display:inline-block;font-size:10px;font-weight:600;border:1px solid #c9a66330;border-radius:6px;padding:6px 9px;color:#d9be86;background:#b38a2612}.reels-state[data-state=approved],.reels-state[data-state=published_verified]{color:#9ad8b8;border-color:#529b7733;background:#25443555}.reels-state[data-state=rejected],.reels-state[data-state=uncertain]{color:#e4aa9a;border-color:#a9635133;background:#512a2155}.reels-caption{padding:20px;background:#1d2022;border:1px solid #ffffff09;border-radius:12px}.reels-caption h4{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#8c9993;margin:0 0 14px}.reels-caption p,.reels-feedback p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.reels-disclosure{border-top:1px solid #ffffff10}.reels-workspace .reels-disclosure summary,.reels-workspace .reels-cover summary{padding:14px 0;color:#b1c4ba;font-size:12px;font-weight:500}.reels-disclosure .text{font-size:12px;color:#b0b6b2}.reels-notice{padding:12px 14px;border-left:2px solid #c6a369;background:#a2803b0d;color:#b9aa8c;font-size:11px;line-height:1.7;margin:0}.reels-actions{margin-top:auto;display:grid;gap:12px}.reels-verification{font-size:11px;color:#909e96;margin:0}.reels-verification[data-state=ready]{color:#83b89a}.reels-verification[data-state=error]{color:#e1a58f}.reels-approve{width:100%;border-radius:9px;font-size:12px;padding:14px;background:#377957;color:#eef8f1;border-color:#589e7433}.reels-workspace button:disabled{cursor:not-allowed}.reels-hint{font-size:11px;line-height:1.6;color:#8f9993}.reels-workspace textarea{background:#111416;border-color:#ffffff18;border-radius:9px;font-size:12px;line-height:1.6}.reels-revision button{font-size:11px;border-radius:8px;background:#25292b}.reels-live-link{color:#a5c9b7;font-size:11px}.reels-cover{margin-top:10px}.reels-cover img{width:100%;max-height:440px;object-fit:contain;border-radius:8px}.reels-feedback{border:1px solid #68836e25;border-radius:10px;padding:14px}.reels-feedback strong{display:block;font-size:10px;color:#98b7a4;margin-bottom:8px}.reels-library{display:flex;gap:10px;margin-bottom:18px;overflow:auto;padding-bottom:5px}.reels-library-item{display:flex;text-align:left;align-items:center;gap:12px;flex:0 0 260px;max-width:310px;background:#181b1d;border-radius:10px;padding:9px;border-color:#ffffff12}.reels-library-item[aria-pressed=true]{border-color:#638b72}.reels-library-item img{width:34px;height:52px;object-fit:cover;border-radius:4px}.reels-library-item strong{display:block;font-size:11px;line-height:1.4}.reels-library-item small{display:block;font-size:9px;color:#849088;margin-top:5px}.reels-empty{text-align:center;padding:80px 20px;border:1px dashed #ffffff18;border-radius:16px;color:#8e9a93}.reels-empty h3{font-size:17px;color:#c4cec8}.reels-empty p{font-size:12px;line-height:1.7}.reels-empty-icon{font-size:34px;color:#729380}@media(max-width:760px){.reels-heading{align-items:flex-start}.reels-heading h2{font-size:24px}.reels-schedule{font-size:8px;padding:8px}.reels-review{grid-template-columns:1fr}.reels-player-column{border-right:0;border-bottom:1px solid #ffffff0b;padding:16px}.reels-player-column video{max-height:540px}.reels-content-column{padding:20px;gap:18px}.reels-title h3{font-size:20px}.reels-filters button{font-size:10px;padding:8px 10px}.reels-heading{gap:10px}.reels-eyebrow{font-size:8px}.reels-lead{font-size:12px}} /* Reels review: one page heading, one compact toolbar, balanced content. */ #workspace:not(.crm-embedded):has(>#list[data-section="reels"]){gap:12px 20px} #list.reels-workspace{max-width:none} .reels-heading{align-items:center;gap:12px;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #ffffff0b;flex-wrap:wrap} .reels-eyebrow{font-size:11px;letter-spacing:0;color:#9ba8a2;line-height:1.5;white-space:nowrap} .reels-schedule{margin-left:auto;padding:6px 9px;border-radius:6px;font-size:10px;letter-spacing:0;background:#ffffff02;border-color:#ffffff10;color:#859c90} .reels-filters{gap:4px;margin:0 0 0 6px;padding:0;overflow:visible;flex-wrap:wrap} .reels-filters button{min-height:30px!important;padding:6px 9px;border-radius:6px;font-size:10px;border-color:#ffffff0e;background:#ffffff02} .reels-review{grid-template-columns:286px minmax(0,1fr);border-radius:11px;align-items:start} .reels-player-column{padding:14px;background:#121416} .reels-player-column video{width:100%;max-width:256px;height:auto;max-height:none;aspect-ratio:9/16;margin:0 auto;border-radius:7px} .reels-media-meta{margin:8px 0 0;font-size:9px} .reels-content-column{padding:18px;gap:12px} .reels-title{position:relative;padding-top:0} .reels-title h3{font-size:18px;line-height:1.4;letter-spacing:-.02em;margin:9px 0 7px} .reels-state{font-size:9px;border-radius:5px;padding:4px 7px} .reels-meta{gap:6px;font-size:9px}.reels-meta span+span:before{margin-right:6px} .reels-caption{padding:13px 14px;border-radius:7px;background:#1c1f21} .reels-caption h4{font-size:9px;letter-spacing:.07em;margin:0 0 9px} .reels-caption p,.reels-feedback p{font-size:12px;line-height:1.65;margin:0;white-space:pre-wrap} .reels-caption p+p{margin-top:8px} .reels-disclosure{margin:0} .reels-workspace .reels-disclosure summary,.reels-workspace .reels-cover summary{padding:9px 0;font-size:11px} .reels-workspace .reels-disclosure[open] summary{margin-bottom:7px} .reels-workspace .reels-disclosure .text{margin:0 0 8px;font-size:11px;line-height:1.65} .reels-notice{padding:8px 10px;font-size:10px;line-height:1.6} .reels-actions{margin-top:0;gap:8px} .reels-verification{font-size:10px;line-height:1.5} .reels-approve{min-height:36px!important;padding:9px 12px;border-radius:6px;font-size:11px} .reels-hint{margin:0 0 8px;font-size:10px} .reels-workspace textarea{margin:0 0 8px;min-height:76px;padding:9px;border-radius:6px} .reels-revision button{min-height:30px!important;margin:0 0 8px;padding:6px 10px;border-radius:5px;font-size:10px} .reels-cover{margin:6px 0 0}.reels-cover img{max-height:320px} .reels-feedback{padding:10px;border-radius:6px}.reels-feedback strong{margin-bottom:5px} .reels-library{gap:8px;margin:0 0 12px;padding-bottom:3px}.reels-library-item{flex-basis:230px;border-radius:7px;padding:7px} .reels-empty{padding:45px 20px;border-radius:10px} @media(max-width:850px){.reels-review{grid-template-columns:250px minmax(0,1fr)}.reels-content-column{padding:14px}.reels-filters{order:3;flex-basis:100%;margin:0}.reels-heading{gap:8px;padding-bottom:10px}} @media(max-width:620px){.reels-review{grid-template-columns:1fr}.reels-player-column{padding:12px;border-right:0;border-bottom:1px solid #ffffff0b}.reels-player-column video{max-width:240px}.reels-content-column{padding:14px;gap:11px}.reels-title h3{font-size:17px}.reels-filters button{padding:6px 8px}.reels-heading{margin-bottom:10px}} /* Small source-aware mail toolbar and real Armut location. */ .mail-compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px} .mail-access-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px} .mail-compact-toolbar select{width:auto;max-width:100%;min-height:40px;padding:6px 10px} .armut-location{font-size:12px;color:#a5b4bf;margin:5px 0 8px;overflow-wrap:anywhere} .request-grid:has(>.request-item:only-child){grid-template-columns:1fr} /* Actual Android status at the top; source details remain available on demand. */ .ig-connection:has(.ig-connection-details){display:block;padding:5px 10px;margin-bottom:10px} .ig-connection-summary{display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer;min-height:28px} .ig-connection-details .ig-connection-reason{margin:6px 0;font-size:11px} .ig-connection-details .ig-connection-stamp{display:flex;gap:6px;font-size:10px} /* SEO: compact queue and a focused review workspace. */ #list.seo-workflows{max-width:none}.seo-content-filters{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin:12px 0}.seo-content-filters button{min-height:32px;padding:6px 10px;border-radius:6px;background:#ffffff03;border:1px solid #ffffff12;color:#a7afb9;font-size:11px}.seo-content-filters button.selected{color:#c5eedc;background:#28564250;border-color:#76c7a740}.seo-content-filters button.seo-awaiting{color:#ffccd0;border-color:#dd656650;animation:srn-task-alert 2.4s ease-in-out infinite}#workspace #list.seo-workflows>.seo-content-card{padding:15px 17px;border-radius:10px;margin-bottom:10px}.seo-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.seo-card-identity{min-width:0}.seo-card-identity h2{font-size:16px;line-height:1.45;margin:0;letter-spacing:-.015em}.seo-card-meta{font-size:10px;color:#85919d;margin:6px 0 0}.seo-card-header>.badge{font-size:10px;flex:none;margin:0;padding:5px 8px}.seo-card-channels{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.seo-card-channels span{padding:5px 7px;font-size:10px;color:#9da7b3;border:1px solid #ffffff10;border-radius:5px;background:#ffffff02}.seo-card-channels span[data-state=published]{color:#92cdb2;border-color:#76c7a725}.seo-card-channels span[data-state=submitted]{color:#c9b583}.seo-card-blocker{display:flex;gap:12px;align-items:center;padding-top:10px;font-size:11px;color:#d6b091}.seo-card-blocker p{flex:1;margin:0;line-height:1.6}.seo-card-blocker button{min-height:30px;font-size:11px;padding:6px 9px}#workspace #list.seo-workflows>.seo-content-card>.record-actions{padding-top:10px;margin-top:10px;justify-content:flex-end;border:0}.workflow-detail.seo-detail{width:min(1080px,calc(100vw - 36px));max-height:calc(100dvh - 40px)}.workflow-detail.seo-detail>.seo-content-detail{padding:16px 20px}.seo-content-detail{gap:14px}.seo-review-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:4px;border:1px solid #ffffff0d;border-radius:8px;background:#111315}.seo-review-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:36px;padding:7px 11px;border:1px solid transparent;border-radius:6px;background:transparent;font-size:12px;color:#929faa;white-space:nowrap}.seo-review-tabs button[aria-selected=true]{border-color:#77bea332;background:#27554155;color:#cdebdc}.seo-tab-indicator{font-size:10px;color:#c7ae76}.seo-review-panels>[hidden]{display:none!important}.seo-review-panels>.seo-media-review{padding:0;border:0;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px}.seo-content-detail .seo-image-preview>.content-image{max-height:240px;border-radius:8px}.seo-image-preview>button{margin-top:8px;min-height:30px;font-size:11px;padding:6px 10px;border-radius:6px}.seo-review-panels>.seo-component{border:1px solid #ffffff0e;border-radius:8px}.seo-component>.seo-component-text{max-height:43dvh;min-height:100px;overflow:auto;overscroll-behavior:contain;padding:16px 18px;font-size:13px;line-height:1.85}.seo-component-decision{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;align-items:center;padding:13px 16px}.seo-component-decision>label{grid-column:1/-1;margin:0}.seo-component-decision>textarea{margin:0;min-height:76px}.seo-component-decision>.seo-review-actions{max-width:290px;justify-content:flex-end}.seo-results{border-top:1px solid #ffffff0e;padding-top:5px}.seo-results>summary{padding:8px 0!important;font-size:11px;color:#94a5b4}.seo-results>.seo-publication{padding:8px 0;margin:0;border:0;background:transparent}.seo-image-viewer{width:min(1100px,96vw);height:90dvh;max-height:90dvh;padding:14px;border:1px solid #ffffff20;border-radius:12px;background:#16181b;overflow:hidden}.seo-image-viewer::backdrop{background:#000d;backdrop-filter:blur(5px)}.seo-image-viewer>button{display:block;margin:0 0 12px auto;min-height:32px;padding:6px 12px}.seo-image-viewer>img{display:block;width:100%;height:calc(100% - 46px);object-fit:contain}.seo-review-tabs button:focus-visible,.seo-content-filters button:focus-visible{outline:2px solid #79c8a7;outline-offset:3px} @media(max-width:720px){.seo-card-header{flex-wrap:wrap;gap:8px}.seo-card-identity h2{font-size:14px}.workflow-detail.seo-detail>.seo-content-detail{padding:13px}.seo-review-tabs{gap:2px}.seo-review-tabs button{padding:7px 8px;font-size:11px}.seo-review-panels>.seo-media-review{grid-template-columns:1fr;gap:14px}.seo-component-decision{grid-template-columns:1fr;gap:8px}.seo-component-decision>.seo-review-actions{max-width:none;justify-content:flex-start}.seo-component>.seo-component-text{max-height:40dvh;padding:13px}.seo-content-filters button{font-size:10px;padding:6px 8px}} @media(prefers-reduced-motion:reduce){.seo-content-filters button.seo-awaiting{animation:none;background:#64282e}} .seo-blog-reader{white-space:normal!important}.seo-blog-reader h3{font-size:18px;line-height:1.5;color:#e0e5ec;margin:20px 0 10px}.seo-blog-reader h4{font-size:14px;color:#ced8e2;margin:18px 0 8px}.seo-blog-reader>:first-child{margin-top:0}.seo-blog-reader p{margin:0 0 12px;white-space:pre-wrap}.seo-blog-reader ul,.seo-blog-reader ol{padding-left:22px;margin:10px 0 16px}.seo-blog-reader li{margin:6px 0}.seo-blog-reader strong{font-weight:650;color:#e2e7ed}.seo-blog-reader blockquote{margin:12px 0;border-left:2px solid #72b99c;padding-left:13px;color:#a8bab0}.seo-blog-reader code{font-size:11px;background:#ffffff06;border-radius:3px;padding:2px 4px}.seo-blog-reader pre{overflow:auto;padding:12px;background:#141619;border-radius:6px}.seo-blog-reader a{font-size:inherit;color:#89b8d5} /* Keep long customer descriptions out of narrow answer columns. */ .customer-request .request-grid>.request-item-long{grid-column:1/-1} .customer-request .request-item-long dd{font-weight:400;line-height:1.65} .customer-request .request-grid:has(>.request-item-long){grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))} @media(max-width:620px){.customer-request .request-grid:has(>.request-item-long){grid-template-columns:repeat(2,minmax(0,1fr))}} /* Mail workspace: clear hierarchy without oversized account panels. */ #workspace #list.workflows[data-section="mail"]{display:flex;flex-direction:column;align-items:stretch;gap:12px;max-width:1240px;margin-inline:auto} #workspace #list.workflows[data-section="mail"] .mail-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:7px 0 18px;border-bottom:1px solid #ffffff0c} .mail-heading .mail-eyebrow{font-size:10px;font-weight:650;letter-spacing:.14em;color:#72c8b0} .mail-heading h2{font-size:25px;letter-spacing:-.6px;line-height:1.25;margin:6px 0;color:#f1f3f6} .mail-heading p{font-size:12px;color:#929ba7;margin:0;line-height:1.6} #workspace #list.workflows[data-section="mail"] .mail-access-status{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:11px;color:#9ca8b5} .mail-access-status>.connected::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#68c9ab;margin-right:7px} #workspace #list.workflows[data-section="mail"] .mail-access-status time{font-size:10px;color:#7e8894} #workspace #list.workflows[data-section="mail"]>.mail-compact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0} #workspace #list.workflows[data-section="mail"] .workflow-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;margin:0;border:1px solid #ffffff0c;border-radius:12px;background:#171a1e} #workspace #list.workflows[data-section="mail"] .workflow-tabs button{min-height:38px;border-radius:8px;padding:8px 14px;font-size:12px;border:0;background:transparent;color:#9ba4b0} #workspace #list.workflows[data-section="mail"] .workflow-tabs button.selected{background:#29483e;color:#a6ebd6;box-shadow:inset 0 0 0 1px #72c8b021} #workspace #list.workflows[data-section="mail"]>.mail-compact-toolbar>select{width:230px;max-width:100%;min-height:44px;font-size:12px;padding:10px 13px;border-radius:10px;background:#191c20;border:1px solid #ffffff12;color:#d2d9e1;margin:0} #workspace #list.workflows[data-section="mail"]>.mail-account-details{margin:0 0 6px;color:#929da9;font-size:11px} .mail-account-details>summary{width:fit-content;padding:5px 0;cursor:pointer} #workspace #list.workflows[data-section="mail"] .mail-accounts{padding:14px;margin-top:10px;border-radius:12px;background:#171b20} #workspace #list.workflows[data-section="mail"] .mail-accounts .panel-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px} #workspace #list.workflows[data-section="mail"] .account-item{padding:12px;border:1px solid #ffffff0b;border-radius:9px} #workspace #list.workflows[data-section="mail"] .mail-accounts h2{font-size:13px} #workspace #list.workflows[data-section="mail"]>.mail-message-card{padding:20px 22px;margin:0;border:1px solid #ffffff0d;border-radius:14px;background:#191c20;transition:border-color .15s} #workspace #list.workflows[data-section="mail"]>.mail-message-card:hover{border-color:#6ec9ad40} .mail-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px} .mail-sender{display:flex;align-items:center;gap:11px;min-width:0} .mail-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:#284239;color:#98d9c5;font-size:12px;font-weight:650;letter-spacing:.04em} .mail-sender>div{display:flex;flex-direction:column;gap:4px;min-width:0} .mail-sender strong{font-size:12px;font-weight:600;color:#dde3ea;overflow-wrap:anywhere} .mail-sender-address{font-size:10px;color:#8894a1;overflow-wrap:anywhere} .mail-message-state{display:flex;align-items:flex-end;flex-direction:column;gap:7px;flex:none} .mail-message-state time{font-size:10px;color:#84909d} #workspace #list.workflows[data-section="mail"] .mail-message-subject{font-size:17px;font-weight:600;line-height:1.45;letter-spacing:-.2px;margin:18px 0 9px;color:#e9edf3;overflow-wrap:anywhere} #workspace #list.workflows[data-section="mail"]>.card>.mail-preview{padding:0;background:transparent;border:0;margin:0 0 14px} .mail-preview>h3{display:none} #workspace #list.workflows[data-section="mail"] .mail-preview .text{font-size:12px;line-height:1.75;color:#a0aab6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;margin:0} .mail-message-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 14px;font-size:10px;color:#8e9cab} .mail-account-tag{border:1px solid #ffffff0c;padding:4px 8px;border-radius:6px;background:#ffffff03} #workspace #list.workflows[data-section="mail"] .mail-message-card>details{border-top:1px solid #ffffff0a;padding-top:12px} #workspace #list.workflows[data-section="mail"] .mail-message-card>details>summary{color:#89cdb9;font-size:11px;min-height:30px;display:flex;align-items:center;cursor:pointer} #workspace #list.workflows[data-section="mail"] .mail-message-card>details[open]>summary{margin-bottom:15px} #workspace #list.workflows[data-section="mail"]>.module-empty{margin:2px 0 0;padding:34px 24px;min-height:0;border:1px dashed #ffffff13;border-radius:14px;text-align:center;background:#ffffff02} #workspace #list.workflows[data-section="mail"]>.module-empty strong{font-size:14px;font-weight:550;color:#c7d0da} #workspace #list.workflows[data-section="mail"]>.module-empty p{font-size:12px;line-height:1.7;color:#8c97a4;margin:8px auto 0;max-width:460px} @media(max-width:720px){ #workspace #list.workflows[data-section="mail"] .mail-heading{align-items:flex-start;gap:12px;padding-bottom:14px} .mail-heading h2{font-size:22px}.mail-heading p{max-width:200px;font-size:11px} #workspace #list.workflows[data-section="mail"] .mail-access-status{max-width:145px;font-size:10px;text-align:right} #workspace #list.workflows[data-section="mail"] .mail-access-status time{font-size:9px;line-height:1.6} #workspace #list.workflows[data-section="mail"]>.mail-compact-toolbar{flex-direction:column;align-items:stretch;gap:9px} #workspace #list.workflows[data-section="mail"]>.mail-compact-toolbar>select{width:100%} #workspace #list.workflows[data-section="mail"] .workflow-tabs{justify-content:space-between} #workspace #list.workflows[data-section="mail"] .workflow-tabs button{flex:1;padding:7px 8px;font-size:11px;min-height:40px} #workspace #list.workflows[data-section="mail"]>.mail-message-card{padding:16px;border-radius:12px} .mail-message-state{max-width:42%}.mail-message-state .badge{white-space:normal;text-align:right}.mail-message-state time{font-size:9px} #workspace #list.workflows[data-section="mail"] .mail-message-subject{font-size:15px;margin-top:16px} } @media(prefers-reduced-motion:reduce){#workspace #list.workflows[data-section="mail"]>.mail-message-card{transition:none}} /* Marketing: compact queue controls, small empty state, and pagination below records. */ #workspace #list.workflows[data-section="marketing"]{gap:10px} #workspace #list.workflows[data-section="marketing"]>.workflow-tabs{order:1;gap:3px;padding:3px;border-radius:7px;margin:0} #workspace #list.workflows[data-section="marketing"]>.workflow-tabs button{min-height:31px;padding:6px 12px;font-size:11px;border-radius:5px} #workspace #list.workflows[data-section="marketing"]>.module-empty{order:3;display:flex;align-items:center;gap:12px;padding:15px 16px;min-height:0;margin:0;text-align:left;border-style:solid;border-radius:8px} #workspace #list.workflows[data-section="marketing"]>.module-empty>strong{flex:none;font-size:12px;line-height:1.5} #workspace #list.workflows[data-section="marketing"]>.module-empty>p{max-width:none;margin:0;font-size:11px;line-height:1.5;color:#85909d} #workspace #list.workflows[data-section="marketing"]>button{order:4;align-self:center;width:auto;max-width:100%;min-height:32px;padding:6px 13px;margin:0;font-size:11px;border-radius:6px;background:#ffffff04;border-color:#ffffff14;color:#acb8c5} #workspace #list.workflows[data-section="marketing"]>.card{order:2;padding:14px 16px;border-radius:9px} #workspace #list.workflows[data-section="marketing"]>.card>.record-head{margin-bottom:10px} #workspace #list.workflows[data-section="marketing"]>.card .record-head h2{font-size:16px} #workspace #list.workflows[data-section="marketing"]>.card>.record-fields{font-size:11px;gap:8px 14px;margin:0} #workspace #list.workflows[data-section="marketing"]>.card>.marketing-subject{font-size:12px;line-height:1.5;margin:10px 0 0;color:#acb5bf} #workspace #list.workflows[data-section="marketing"]>.card>.record-actions{padding-top:9px;margin-top:10px} @media(max-width:620px){#workspace #list.workflows[data-section="marketing"]>.workflow-tabs{align-self:stretch}#workspace #list.workflows[data-section="marketing"]>.workflow-tabs button{flex:1;padding:6px 8px;font-size:10px}#workspace #list.workflows[data-section="marketing"]>.module-empty{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px}} /* Armut identity and source facts stay visible before opening card details. */ #workspace #list.workflows[data-section="armut"]>.card>.armut-card-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin-bottom:10px;align-items:center} .armut-card-identity{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0} #workspace #list.workflows[data-section="armut"] .armut-card-identity h2{font-size:16px;margin:0 4px 0 0} .armut-header-fact{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:3px;padding:4px 7px;border:1px solid #303636;background:#1c2020;border-radius:6px;font-size:11px;max-width:100%;line-height:1.45;overflow-wrap:anywhere} .armut-fact-label{color:#a3abaa}.armut-header-fact strong{font-weight:600;color:#e1e9e6}.armut-fact-fee strong{color:#e4bd7d} #workspace #list.workflows[data-section="armut"]>.card>.armut-card-heading>.badge{grid-column:2;grid-row:2;margin-left:0} #workspace #list.workflows[data-section="armut"]>.card>.armut-card-heading>.service{grid-column:1;grid-row:2;font-size:12px} @media(max-width:520px){.armut-card-identity{gap:5px}.armut-header-fact{font-size:11px;padding:3px 6px}} .instagram-studio-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 18px}.instagram-studio-summary>div:first-child{display:grid;gap:5px;font-size:12px}.instagram-studio-tabs{display:flex;padding:4px;gap:4px;border:1px solid #ffffff14;background:#191b1c;border-radius:10px}.instagram-studio-tab{min-height:38px;padding:7px 13px;background:transparent;border:0;color:#a8afb2;font-size:12px}.instagram-studio-tab[aria-selected="true"]{background:#284d40;color:#c4eee0}.ig-plan{font-size:12px;color:#7ed9b7;padding:8px 10px;background:#243b3155;border-radius:7px}.instagram-studio .ig-copy .text{font-size:14px;line-height:1.8;white-space:pre-wrap}.instagram-studio .ig-review-actions button{min-height:40px}@media(max-width:650px){.instagram-studio-summary{align-items:stretch;flex-direction:column}.instagram-studio-tabs{justify-content:space-between}.instagram-studio-tab{flex:1}} /* Instagram studio: one control strip, a compact library, readable review. */ #list.instagram-studio{display:block;width:100%;max-width:none;margin:0} #workspace:has(#list.instagram-studio)>.page-heading{margin-bottom:12px;gap:14px} #workspace:has(#list.instagram-studio) #search{min-height:34px;max-width:290px;padding:8px 11px;font-size:12px} .instagram-studio .instagram-studio-summary{display:flex;flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 12px;padding:10px 12px;border:1px solid #ffffff0d;border-radius:8px;background:#171a1b} .instagram-studio-summary>.instagram-studio-account{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0} .instagram-studio-account strong{font-size:12px;font-weight:600;color:#e0e8e3} .instagram-studio-schedule{font-size:11px;color:#8f9d95;white-space:nowrap} .instagram-studio-summary>.ig-connection{display:block;padding:0;margin:0;background:transparent;border:0;position:relative;min-width:0} .instagram-studio-summary .ig-connection-details{margin:0;padding:0;position:relative} .instagram-studio-summary .ig-connection-summary{display:flex;align-items:center;gap:6px;min-height:30px;margin:0;padding:5px 8px;border:1px solid #ffffff10;border-radius:6px;font-size:11px;white-space:nowrap;list-style:none;background:#ffffff03} .instagram-studio-summary .ig-connection-summary::-webkit-details-marker{display:none} .instagram-studio-summary .ig-connection-summary::after{content:'⌄';color:#718279;margin-left:4px} .instagram-studio-summary .ig-connection-dot{font-size:10px} .instagram-studio-summary .ig-connection-info{position:absolute;z-index:15;top:calc(100% + 8px);left:0;width:min(310px,80vw);padding:12px;border:1px solid #39473e;border-radius:8px;background:#1b211e;box-shadow:0 12px 30px #0007;white-space:normal} .instagram-studio-summary .ig-connection-reason{margin:0 0 8px;font-size:12px;line-height:1.5} .instagram-studio-summary .ig-connection-stamp{display:flex;flex-wrap:wrap;gap:6px;font-size:10px;text-align:left} .instagram-studio .instagram-studio-tabs{margin-left:0;order:-1;padding:3px;gap:3px;border-radius:7px;background:#101513} .instagram-studio .instagram-studio-tab{min-height:32px!important;padding:6px 11px;font-size:12px;border-radius:5px;white-space:nowrap} .instagram-studio .instagram-studio-body{min-width:0} .instagram-studio .ig-review-filters{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px} .instagram-studio .ig-review-filters button{min-height:30px!important;padding:6px 10px;font-size:11px} .instagram-studio .ig-review-empty{padding:24px 18px;border:1px solid #ffffff12;border-radius:9px;background:#ffffff02} .instagram-studio .ig-review-empty h3{margin:0 0 7px;font-size:15px} .instagram-studio .ig-review-empty p{margin:0;color:#9da7a1;font-size:12px;line-height:1.5} .instagram-studio .reels-heading{padding:0;margin:0 0 10px;border:0} .instagram-studio .reels-filters{margin:0;gap:5px} .instagram-studio .reels-filters button{min-height:30px!important;padding:6px 10px;font-size:11px} .instagram-studio .reels-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0 0 12px;padding:0;overflow:visible} .instagram-studio .reels-library-item{width:100%;max-width:none;min-width:0;min-height:54px;padding:7px 9px;gap:9px;box-sizing:border-box} .instagram-studio .reels-library-item img{width:27px;height:40px} .instagram-studio .reels-library-item strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .instagram-studio .reels-library-item small{font-size:10px;margin-top:4px} .instagram-studio .reels-review{grid-template-columns:210px minmax(0,1fr);border-radius:9px;align-items:stretch} .instagram-studio .reels-player-column{padding:12px} .instagram-studio .reels-player-column video{max-width:186px} .instagram-studio .reels-content-column{padding:16px;gap:10px} .instagram-studio .reels-title h3{font-size:18px;margin:7px 0 6px} .instagram-studio .reels-caption{padding:11px 13px} .instagram-studio .reels-caption p{font-size:13px;line-height:1.6} .instagram-studio .reels-caption p+p{margin-top:7px} .instagram-studio .ig-package{margin-bottom:12px} .instagram-studio .instagram-progress{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:0;padding:8px 10px;border:1px solid #ffffff0b;border-radius:6px;background:#ffffff02;font-size:12px;line-height:1.5} .instagram-studio .instagram-progress-label{margin:0;color:#a7cbb6;font-size:12px} .instagram-studio .instagram-progress[data-state=uncertain] .instagram-progress-label,.instagram-studio .instagram-progress[data-state=blocked] .instagram-progress-label{color:#e9b59b} .instagram-studio .instagram-progress-log{margin:0;min-width:0;max-width:100%} .instagram-studio .instagram-progress-log summary{margin:0;padding:0;color:#8d9e94;font-size:11px} .instagram-studio .instagram-progress-log[open]{width:100%;flex-basis:100%} .instagram-studio .instagram-progress-log[open] summary{margin:0 0 7px} .instagram-studio .instagram-progress-log p{margin:0;font-size:12px;line-height:1.6;color:#a0aca5;white-space:pre-wrap;overflow-wrap:anywhere} .instagram-studio .instagram-progress-log p+p{margin-top:8px} .instagram-studio button:focus-visible,.instagram-studio summary:focus-visible{outline:2px solid #81c7a9;outline-offset:3px} @media(max-width:760px){.instagram-studio .instagram-studio-summary{gap:8px 12px}.instagram-studio .instagram-studio-tabs{margin-left:0;order:-1}.instagram-studio-summary>.instagram-studio-account{flex-basis:100%}.instagram-studio .reels-library{grid-template-columns:repeat(2,minmax(0,1fr))}.instagram-studio .reels-review{grid-template-columns:180px minmax(0,1fr)}.instagram-studio .reels-player-column{padding:10px}.instagram-studio .reels-content-column{padding:12px}} @media(max-width:540px){.instagram-studio .instagram-studio-tabs{width:100%;margin-left:0}.instagram-studio .instagram-studio-tab{flex:1;min-height:38px!important}.instagram-studio .reels-library{grid-template-columns:1fr}.instagram-studio .reels-review{grid-template-columns:1fr}.instagram-studio .reels-player-column video{max-width:200px}.instagram-studio .reels-library-item{min-height:50px}.instagram-studio .reels-content-column{padding:14px}.instagram-studio .ig-connection-info{left:0;max-width:calc(100vw - 64px)}} /* Armut cards retain their DOM/drafts while offscreen layout and painting are skipped. */ #list[data-section="armut"]>.card{content-visibility:auto;contain-intrinsic-size:auto 235px} /* SEO: inline review and explicit multi-package decisions. */ .seo-inline-review{margin-top:14px;border-top:1px solid #ffffff12;padding-top:12px} .seo-inline-review>summary{display:list-item;width:fit-content;cursor:pointer;color:#b9dfd1;font-size:12px;padding:7px 10px;border:1px solid #ffffff18;border-radius:6px} .seo-inline-review[open]>.seo-content-detail{margin-top:18px} .seo-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;padding:10px 12px;border:1px solid #ffffff12;border-radius:9px;background:#1b201f} .seo-bulk-bar>span{font-size:12px;margin-right:auto;color:#b6c4bd} .seo-bulk-bar button{font-size:12px;min-height:34px;padding:7px 10px} .seo-bulk-select{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;color:#a6b4ae;flex:none} .seo-bulk-select input{width:16px;height:16px;min-height:0;accent-color:#50bf9a;margin:0} .seo-bulk-results p{font-size:12px;overflow-wrap:anywhere} @media(max-width:720px){.seo-card-header{flex-wrap:wrap}.seo-bulk-select{width:100%}.seo-bulk-bar>.primary{width:100%}.seo-inline-review .seo-review-panels>.seo-media-review{grid-template-columns:minmax(0,1fr)}} /* Request facts above the full-width customer job description. */ .armut-customer-request .request-content{display:flex;flex-direction:column;gap:10px;min-width:0} .armut-customer-request .request-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));align-items:stretch} .armut-customer-request .request-item{min-width:0;overflow-wrap:anywhere} .armut-customer-request .request-item dt{line-height:1.4}.armut-customer-request .request-item dd{line-height:1.5} .armut-customer-request .request-details{width:100%;max-width:none;margin:0;overflow-wrap:anywhere;white-space:pre-wrap} @media(max-width:520px){.armut-customer-request .request-grid,.armut-customer-request .request-grid:has(>.request-item-long){grid-template-columns:repeat(2,minmax(0,1fr))}}