:root{--orange:#ff6b1a;--orange-dark:#e94f00;--orange-soft:#fff1e8;--ink:#172033;--muted:#687087;--line:#e9e8e5;--cream:#fffaf6;--white:#fff;--green:#1b9b63;--shadow:0 22px 70px rgba(38,25,16,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans Thai","Manrope",sans-serif;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:auto;padding:0 28px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:9px;font:800 19px "Manrope",sans-serif}.brand span{width:35px;height:35px;border-radius:11px;background:var(--orange);color:#fff;display:grid;place-items:center}.brand b{font-weight:600;color:var(--orange)}.topbar nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.inline{display:inline}.link-button{border:0;background:none;color:inherit;padding:0}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:13px;padding:13px 21px;font-weight:800;box-shadow:0 8px 22px rgba(255,107,26,.22);transition:.2s}.button:hover{background:var(--orange-dark);transform:translateY(-1px)}.button-small{padding:9px 15px;border-radius:10px}.button-ghost,.button-outline{background:#fff;color:var(--ink);border-color:#ddd;box-shadow:none}.button-ghost:hover,.button-outline:hover{background:var(--orange-soft);color:var(--orange-dark);border-color:#ffc7a6}.hero{min-height:710px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;max-width:1240px;margin:auto;padding:65px 28px 95px}.hero-copy{max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--orange);font:800 12px "Manrope","Noto Sans Thai",sans-serif;margin-bottom:15px}.hero h1,.section-head h2,.cta h2{font-size:clamp(44px,5.4vw,76px);line-height:1.06;letter-spacing:-.045em;margin:0 0 26px;font-weight:800}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:19px;color:var(--muted);max-width:590px}.hero-actions{display:flex;gap:12px;margin:30px 0}.trust-row{display:flex;gap:18px;color:#606778;font-size:13px}.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}.hero-visual:before{content:"";position:absolute;width:440px;height:440px;background:radial-gradient(circle,#ff9d64 0,#ff6b1a 52%,#f05300 100%);border-radius:50%;box-shadow:0 45px 100px rgba(255,107,26,.3)}.orbit{position:absolute;border:1px solid rgba(255,107,26,.25);border-radius:50%}.orbit-one{width:520px;height:520px}.orbit-two{width:600px;height:600px}.mock-window{width:min(440px,90%);background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:20px;box-shadow:var(--shadow);position:relative;transform:rotate(1.5deg)}.mock-head{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.mock-head i{width:8px;height:8px;background:#ddd;border-radius:50%}.mock-head i:first-child{background:#ff8d52}.mock-head strong{margin-left:auto;font:700 11px "Manrope"}.mock-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.mock-stat-row div{background:#fff6f0;border-radius:13px;padding:12px}.mock-stat-row small,.queue-card small{display:block;color:var(--muted);font-size:10px}.mock-stat-row b{font:800 18px "Manrope"}.queue-card{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;margin-top:9px}.queue-card.dim{opacity:.62}.platform{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;font-weight:800}.platform.fb,.provider-logo.fb{background:#1877f2}.platform.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.platform.tk{background:#111}.queue-card div{flex:1}.queue-card b{font-size:12px}.status{font-size:10px;color:var(--green);background:#e9f9f1;border-radius:20px;padding:4px 8px}.float-chip{position:absolute;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);font-size:11px;font-weight:700}.chip-one{right:-20px;top:110px}.chip-two{left:5px;bottom:85px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:center;gap:50px;padding:22px;color:#a1a4ab;font:800 11px "Manrope";letter-spacing:.08em}.section{max-width:1240px;margin:auto;padding:120px 28px}.section-head{max-width:720px;margin-bottom:55px}.section-head h2{font-size:clamp(38px,4vw,58px)}.section-head.centered{text-align:center;margin-left:auto;margin-right:auto}.section-head>p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border:1px solid var(--line);padding:30px;border-radius:23px;min-height:245px;background:#fff}.feature-large{grid-row:span 2}.feature-wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:35px}.orange-card{background:var(--orange);color:#fff;border-color:var(--orange);padding:38px}.dark-card{background:var(--ink);color:#fff;border-color:var(--ink)}.feature-icon{width:46px;height:46px;border-radius:14px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;font-size:24px;margin-bottom:35px}.orange-card .feature-icon{background:rgba(255,255,255,.17);color:#fff}.dark-card .feature-icon{background:rgba(255,255,255,.1)}.feature h3{font-size:22px;margin:0 0 10px}.feature p{color:var(--muted);margin:0}.orange-card p,.dark-card p{color:rgba(255,255,255,.72)}.mini-sequence{display:grid;gap:10px;margin-top:45px}.mini-sequence span{background:#fff;color:var(--ink);padding:13px 15px;border-radius:11px;font-size:12px;font-weight:700}.mini-sequence b{text-align:center}.provider-stack{display:grid;gap:9px;align-content:center}.provider-stack span{display:flex;justify-content:space-between;padding:13px 15px;background:rgba(255,255,255,.08);border-radius:10px;font-size:12px}.provider-stack b{color:#ffad7d}.steps-section{background:var(--cream);max-width:none}.steps-section>.section-head,.steps-section>.steps{max-width:1184px;margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:34px;background:#fff;border-radius:20px}.steps article>b{font:800 50px "Manrope";color:#ffd5bd}.steps h3{font-size:21px}.steps p{color:var(--muted)}.pricing-section{max-width:1380px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.price-card{border:1px solid var(--line);border-radius:23px;padding:28px 24px;position:relative;background:#fff}.price-card.featured{border:2px solid var(--orange);box-shadow:0 20px 60px rgba(255,107,26,.13);transform:translateY(-12px)}.popular{position:absolute;right:18px;top:18px;background:var(--orange-soft);color:var(--orange);font-size:10px;font-weight:800;padding:5px 9px;border-radius:20px}.price-name{font-weight:800}.price{font:800 38px "Manrope";margin:16px 0 7px}.price small{font-size:17px}.price span{font:500 12px "Noto Sans Thai";color:var(--muted)}.storage{background:var(--orange-soft);color:var(--orange-dark);padding:10px 12px;border-radius:10px;font-weight:800}.storage span{color:#9b6c52;font-weight:500;font-size:11px}.price-card ul{list-style:none;padding:15px 0;margin:0;min-height:190px}.price-card li{padding:7px 0;font-size:13px;color:#4e566a}.price-card li:before{content:"✓";color:var(--orange);font-weight:800;margin-right:8px}.price-card .button{width:100%}.pricing-note{text-align:center;color:var(--muted);font-size:12px;margin-top:28px}.cta{max-width:1184px;margin:20px auto 90px;padding:55px 60px;border-radius:28px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 30px 80px rgba(255,107,26,.26)}.cta h2{font-size:48px;margin:0}.eyebrow.light{color:#ffe0ce}.button-white{background:#fff;color:var(--orange-dark);border-color:#fff}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--muted)}footer{background:#171b27;color:#fff;padding:55px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px}footer p,footer small{color:#9fa5b5}footer small{text-align:right}
.flash-wrap{position:fixed;z-index:100;right:22px;top:90px;display:grid;gap:8px}.flash{padding:12px 17px;border-radius:12px;background:#fff;box-shadow:var(--shadow);font-size:13px;border-left:4px solid var(--orange)}.flash-success{border-color:var(--green)}.auth-page{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:50px 20px;background:radial-gradient(circle at 20% 20%,#fff0e7,transparent 35%),var(--cream)}.auth-card{width:min(480px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:42px;box-shadow:var(--shadow)}.auth-card h1{font-size:37px;line-height:1.15;margin:4px 0 8px}.auth-card>p{color:var(--muted)}.back-link{display:block;font-size:12px;color:var(--muted);margin-bottom:25px}.form{display:grid;gap:17px;margin-top:25px}.form label,dialog label{display:grid;gap:7px;font-size:12px;font-weight:700}.form input,.form select,dialog input,dialog select{width:100%;border:1px solid #dfe0e4;border-radius:11px;padding:12px 13px;background:#fff;outline:none}.form input:focus,dialog input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.form-row .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.form-row input{width:auto}.auth-switch{text-align:center;font-size:13px}.auth-switch a,.form-row a{color:var(--orange);font-weight:700}
.app-shell{background:#f7f7f8}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#171b27;color:#fff;padding:22px 17px;display:flex;flex-direction:column;z-index:30}.sidebar .brand{padding:0 8px 28px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:11px 13px;border-radius:10px;color:#c9cdd7;font-size:13px}.sidebar nav a:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:18px 9px 0;display:grid}.sidebar-user small{color:#8f95a4;overflow:hidden;text-overflow:ellipsis}.app-main{margin-left:242px;min-height:100vh}.app-topbar{max-width:none;background:#fff;border-bottom:1px solid var(--line);height:66px;padding:0 30px}.app-topbar>.brand{display:none}.app-topbar nav{margin-left:auto}.dashboard{padding:36px;max-width:1380px;margin:auto}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.dash-head h1{font-size:34px;line-height:1.2;margin:0}.dash-head p{color:var(--muted);margin:5px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;display:grid}.stat-grid small{color:var(--muted)}.stat-grid b{font:800 34px "Manrope";margin:5px 0}.stat-grid b.small-stat{font:800 21px "Noto Sans Thai"}.stat-grid span{font-size:11px;color:var(--green)}.dash-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.panel h2{margin-top:0;font-size:19px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head a{color:var(--orange);font-size:12px;font-weight:700}.storage-ring{width:180px;height:180px;margin:24px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) var(--percent),#f1f1f2 0);position:relative}.storage-ring:after{content:"";position:absolute;width:142px;height:142px;background:#fff;border-radius:50%}.storage-ring div{z-index:1;text-align:center;display:grid}.storage-ring b{font-size:20px}.storage-ring span{font-size:11px;color:var(--muted)}.progress{height:8px;background:#f0f0f1;border-radius:10px;overflow:hidden}.progress.big{height:12px;margin-bottom:25px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ff9d64);border-radius:10px}.checklist{display:grid}.checklist a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.checklist a:last-child{border:0}.checklist a>b{width:35px;height:35px;border-radius:11px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center}.checklist a>span{display:grid;flex:1}.checklist small{color:var(--muted)}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 24px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);background:#fafafa}.pill{padding:5px 9px;border-radius:20px;background:#eaf8f1;color:var(--green);font-size:10px;font-weight:800}.empty{text-align:center;padding:65px 25px;grid-column:1/-1}.empty b{font-size:20px}.empty p{color:var(--muted)}dialog{border:0;border-radius:20px;padding:0;box-shadow:var(--shadow);width:min(500px,calc(100% - 30px))}dialog::backdrop{background:rgba(20,24,34,.58);backdrop-filter:blur(3px)}dialog form{padding:28px;display:grid;gap:17px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button{border:0;background:#f1f1f2;width:32px;height:32px;border-radius:50%;font-size:19px}.hint{font-size:11px;color:var(--muted);margin:0}.media-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.media-item{border:1px solid var(--line);border-radius:13px;padding:10px;display:grid;gap:4px}.media-thumb{height:100px;background:var(--orange-soft);color:var(--orange);display:grid;place-items:center;border-radius:9px;font-size:26px}.media-item strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-item small{color:var(--muted)}.connection-head,.connection-row{display:flex;align-items:center;gap:15px}.provider-logo{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:#fff;font:800 22px "Manrope"}.connection-head>div:nth-child(2),.connection-row>div:nth-child(2){flex:1}.connection-head h2{margin:0}.connection-head p,.connection-row small{color:var(--muted);margin:0;display:block}.connection-list{display:grid;gap:12px;margin-top:15px}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:40px}.hero-copy{text-align:center;margin:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:580px}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-row:auto}.feature-wide{grid-column:span 2}.pricing-grid{grid-template-columns:1fr 1fr}.price-card.featured{transform:none}.logo-strip{gap:25px;overflow:hidden}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar nav>a:not(.button),.topbar nav form{display:none}.hero h1{font-size:47px}.hero{padding-bottom:55px}.hero-visual{min-height:450px}.hero-visual:before{width:330px;height:330px}.orbit-one{width:390px;height:390px}.orbit-two{display:none}.chip-one{right:0}.feature-grid,.steps,.pricing-grid,.faq,.dash-grid,.stat-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;grid-template-columns:1fr}.section{padding:80px 20px}.cta{margin:20px;border-radius:22px;padding:38px 26px;display:grid;gap:25px}.cta h2{font-size:38px}footer{grid-template-columns:1fr}footer small{text-align:left}.sidebar{display:none}.app-main{margin-left:0}.app-topbar>.brand{display:flex}.app-topbar nav a:not(:last-child),.app-topbar nav form{display:none}.dashboard{padding:24px 16px}.dash-head{align-items:flex-start;gap:18px}.dash-head h1{font-size:28px}.dash-head .button{font-size:0;padding:12px}.dash-head .button:first-letter{font-size:18px}.media-grid{grid-template-columns:repeat(2,1fr)}}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.post-card{display:flex;flex-direction:column;min-height:230px}.post-card-head,.post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.post-card-head small,.post-meta{color:var(--muted);font-size:11px}.post-card h2{margin:20px 0 8px}.post-card>p{color:var(--muted);font-size:13px;flex:1}.dialog-wide{width:min(820px,calc(100% - 30px))}.dialog-wide fieldset{border:1px solid var(--line);border-radius:14px;padding:15px}.dialog-wide legend{font-size:12px;font-weight:800;padding:0 7px}.dialog-wide textarea{width:100%;border:1px solid #dfe0e4;border-radius:11px;padding:12px 13px;resize:vertical;font:inherit}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:250px;overflow:auto}.choice-card{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;border:1px solid var(--line);border-radius:11px;padding:11px;background:#fff}.choice-card:has(input:checked){border-color:var(--orange);background:var(--orange-soft)}.choice-card input{width:auto!important;margin-top:4px;accent-color:var(--orange)}.choice-card span{display:grid;min-width:0}.choice-card b,.choice-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-card small{color:var(--muted);font-weight:500}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-split small{color:var(--muted);font-weight:500}.provider-sync{margin-top:15px}.sync-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.sync-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px}.sync-card>div{display:grid}.sync-card small,.error-text{display:block;color:var(--muted);font-size:10px}.error-text{color:#b42318;margin-top:4px}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}@media(max-width:1050px){.post-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.post-grid,.choice-grid,.form-split,.sync-grid{grid-template-columns:1fr}.dialog-wide form{padding:20px}.sync-card{align-items:flex-start;flex-direction:column}}
.provider-connect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.connect-provider-card{border:1px solid var(--line);border-radius:15px;padding:17px;background:#fafafa}.connect-provider-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.connect-provider-head>div{display:grid}.connect-provider-head small{color:var(--muted);font-size:10px}.connect-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:15px}.connect-form label{display:grid;gap:6px;font-size:11px;font-weight:700}.connect-form select{width:100%;border:1px solid #dfe0e4;border-radius:10px;padding:10px;background:#fff}.connect-form .hint{grid-column:1/-1}@media(max-width:900px){.provider-connect-grid{grid-template-columns:1fr}}@media(max-width:600px){.connect-form{grid-template-columns:1fr}.connect-form .button{width:100%}}

/* Adverra SaaS UI — original Jampack-inspired orange system */
:root{--orange:#f97316;--orange-dark:#df4f08;--orange-soft:#fff0e6;--ink:#18212f;--muted:#6f7890;--line:#e7eaf0;--cream:#f6f7fb;--white:#fff;--green:#19a974;--purple:#7c5cff;--blue:#3182f6;--pink:#ef5da8;--shadow:0 10px 32px rgba(26,35,55,.07)}
.app-shell{background:#f4f6fa;color:#172033}.app-shell:before{content:"";position:fixed;inset:0 0 auto 270px;height:250px;background:linear-gradient(125deg,rgba(249,115,22,.055),rgba(124,92,255,.03),transparent);pointer-events:none}.sidebar{width:270px;background:#fff;color:var(--ink);padding:24px 18px 18px;border-right:1px solid #e9ebf1;box-shadow:8px 0 30px rgba(35,43,65,.025)}.sidebar .brand{padding:0 8px 24px;gap:11px}.sidebar .brand>span{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ff9a4f,#f35d0b);box-shadow:0 8px 18px rgba(249,115,22,.24)}.sidebar .brand>strong{display:grid;font:800 18px "Manrope",sans-serif;letter-spacing:-.03em}.sidebar .brand>strong small{font:800 8px "Manrope";letter-spacing:.2em;color:var(--orange);margin-top:-2px}.sidebar .nav-label{font:800 9px "Manrope";letter-spacing:.14em;color:#a5acba;margin:18px 12px 7px}.sidebar nav{gap:3px;overflow:auto}.sidebar nav>a{display:flex;align-items:center;gap:12px;color:#626b7e;padding:10px 12px;border-radius:11px;font-size:12px;font-weight:600;transition:.18s}.sidebar nav>a i{font-style:normal;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f5f6f9;color:#70798c;font-size:15px}.sidebar nav>a:hover{background:#fff7f2;color:var(--orange-dark)}.sidebar nav>a:hover i{background:#ffe9da;color:var(--orange)}.sidebar nav>a.active{background:linear-gradient(90deg,#fff0e6,#fff8f4);color:var(--orange-dark);font-weight:800;box-shadow:inset 3px 0 var(--orange)}.sidebar nav>a.active i{background:var(--orange);color:#fff;box-shadow:0 7px 15px rgba(249,115,22,.2)}.sidebar-upgrade{margin-top:auto;background:linear-gradient(145deg,#fff1e7,#fff8f3);border:1px solid #ffd9c1;border-radius:15px;padding:14px;display:grid}.sidebar-upgrade b{font-size:11px}.sidebar-upgrade small{font-size:9px;color:#9a6b50}.sidebar-upgrade a{font-size:10px;color:var(--orange-dark);font-weight:800;margin-top:7px}.sidebar-user{margin-top:12px;border-top:1px solid var(--line);padding:14px 6px 0;display:flex;align-items:center;gap:10px}.sidebar-user>div{display:grid;min-width:0}.sidebar-user strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{font-size:9px}.user-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:11px;background:linear-gradient(145deg,#ffc49e,#f97316);color:#fff;display:grid;place-items:center;font:800 13px "Manrope";box-shadow:0 5px 15px rgba(249,115,22,.22)}
.app-main{margin-left:270px}.app-topbar{height:76px;border:0;border-bottom:1px solid #e9ebf1;padding:0 32px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:25}.app-topbar nav{width:100%;gap:11px}.topbar-search{height:42px;width:min(390px,40vw);display:flex;align-items:center;gap:10px;background:#f5f6f9;border:1px solid #eceef3;border-radius:12px;padding:0 12px;color:#8991a2}.topbar-search>span{font-size:18px}.topbar-search small{flex:1;font-size:11px}.topbar-search kbd{font:700 9px "Manrope";background:#fff;border:1px solid #e1e4ea;border-radius:6px;padding:3px 6px}.top-create{margin-left:auto}.top-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:#667085}.top-avatar{margin-left:2px}.dashboard{padding:34px 38px 60px;max-width:1500px}.dash-head{position:relative;margin-bottom:25px}.dash-head h1{font:800 31px "Manrope","Noto Sans Thai";letter-spacing:-.035em}.dash-head p{font-size:12px}.eyebrow{background:#fff0e6;display:inline-flex;padding:5px 9px;border-radius:7px;letter-spacing:.12em;margin-bottom:10px}.button{border-radius:11px;background:linear-gradient(135deg,#ff8b3d,#f45e0b);border:0;box-shadow:0 8px 20px rgba(249,115,22,.19);padding:11px 18px}.button:hover{background:linear-gradient(135deg,#f77925,#df4f08)}.button-outline,.button-ghost{background:#fff;border:1px solid #dfe3ea;color:#4d5668;box-shadow:none}.button-outline:hover,.button-ghost:hover{background:#fff7f2;color:var(--orange-dark);border-color:#ffc7a3}.panel{border:1px solid #e8eaf0;border-radius:16px;box-shadow:0 7px 24px rgba(33,43,65,.045);padding:22px}.panel h2{font-size:16px}.stat-grid{gap:16px}.stat-grid article{position:relative;overflow:hidden;border:0;border-radius:17px;padding:22px 23px;box-shadow:0 8px 25px rgba(34,43,64,.06)}.stat-grid article:after{content:"";position:absolute;right:-28px;top:-35px;width:105px;height:105px;border-radius:50%;background:currentColor;opacity:.08}.stat-grid article:nth-child(1){background:linear-gradient(145deg,#fff,#fff4ec);color:var(--orange)}.stat-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#f1efff);color:var(--purple)}.stat-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#edf8f4);color:var(--green)}.stat-grid article small{color:#737b8d;font-size:10px}.stat-grid article b{color:#20293a;font-size:30px}.stat-grid article span{color:currentColor;font-weight:700}.dash-grid{gap:16px}.storage-ring{width:160px;height:160px;background:conic-gradient(var(--orange) var(--percent),#f0f2f6 0);box-shadow:0 9px 30px rgba(249,115,22,.1)}.storage-ring:after{width:126px;height:126px}.checklist a{border-color:#eef0f4}.checklist a>b{background:linear-gradient(145deg,#fff0e6,#ffe3d0);border-radius:10px}.checklist a:hover span strong{color:var(--orange-dark)}.table-panel{box-shadow:0 7px 25px rgba(32,41,62,.05)}th{background:#f8f9fb;color:#8a91a1;font:700 10px "Noto Sans Thai";letter-spacing:.02em}td{font-size:11px}tbody tr:hover{background:#fffaf7}.pill{background:#e9f9f1;color:#14885c}.post-grid{gap:16px}.post-card{border-top:3px solid #ff9250}.post-card:nth-child(3n+2){border-top-color:var(--purple)}.post-card:nth-child(3n){border-top-color:var(--blue)}.post-card h2{font-size:16px}.media-item{background:#fff;border-color:#e7eaf0;border-radius:14px}.media-thumb{background:linear-gradient(145deg,#fff0e6,#ffe1ce)}.connection-head{padding:4px}.connection-row{transition:.18s}.connection-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(33,43,65,.08)}.provider-logo{border-radius:12px;box-shadow:0 6px 16px rgba(23,32,51,.12)}.provider-sync{border-top:3px solid var(--orange)}.connect-provider-card{background:#fff;border-color:#e8eaf0;box-shadow:0 5px 15px rgba(32,42,62,.035)}.choice-card{border-color:#e5e8ee}.choice-card:has(input:checked){background:#fff3eb;box-shadow:inset 0 0 0 1px var(--orange)}dialog{border-radius:18px;box-shadow:0 28px 90px rgba(22,29,43,.24)}dialog form{padding:27px}.form input,.form select,dialog input,dialog select,.dialog-wide textarea{border-color:#dfe3ea;background:#fbfcfd}.form input:focus,dialog input:focus,.dialog-wide textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ffede2;outline:0}.auth-page{background:radial-gradient(circle at 12% 10%,#ffe6d6,transparent 28%),radial-gradient(circle at 85% 80%,#eeeaff,transparent 30%),#f7f8fb}.auth-card{border:0;border-top:4px solid var(--orange);box-shadow:0 25px 75px rgba(34,43,65,.12)}
@media(max-width:1050px){.sidebar{width:230px}.app-main{margin-left:230px}.app-shell:before{left:230px}.dashboard{padding:30px 25px}.topbar-search{width:280px}}@media(max-width:760px){.sidebar{display:none}.app-main{margin-left:0}.app-shell:before{left:0}.app-topbar{padding:0 15px}.app-topbar>.brand{display:flex}.app-topbar nav{width:auto}.topbar-search,.top-icon{display:none}.top-create{font-size:0}.top-create:first-letter{font-size:16px}.dashboard{padding:24px 15px}.dash-head{flex-wrap:wrap}.dash-head .button{font-size:11px;padding:10px 12px}.stat-grid article{padding:19px}}
.managed-meta-card{border-top:3px solid #1877f2;margin-bottom:15px}.meta-icon-stack{display:flex;align-items:center;width:72px}.meta-icon-stack .social-brand+ .social-brand{margin-left:-12px;border:3px solid #fff}.social-brand{width:45px;height:45px;flex:0 0 45px;border-radius:13px;display:grid;place-items:center;color:#fff;font:800 16px "Manrope";box-shadow:0 6px 15px rgba(28,37,56,.14);background:#687087}.social-brand.facebook{background:#1877f2}.social-brand.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-brand.tiktok{background:#101114}.social-brand.youtube{background:#ff0033}.social-brand.linkedin{background:#0a66c2}.social-brand.twitter,.social-brand.x{background:#111}.social-brand.threads{background:#141414}.social-brand.pinterest{background:#e60023}.social-brand.reddit{background:#ff4500}.social-brand.bluesky{background:#168fff}.social-brand.googlebusiness,.social-brand.google_business{background:linear-gradient(135deg,#4285f4,#34a853)}.social-brand.telegram{background:#229ed9}.social-brand.snapchat{background:#fffc00;color:#191919}.social-brand.discord{background:#5865f2}.social-brand.whatsapp{background:#25d366}.social-icon-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.social-connect-option{width:100%;min-height:92px;position:relative;border:1px solid #e5e8ee;border-radius:13px;background:#fff;padding:10px 7px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;transition:.18s}.social-connect-option:hover{transform:translateY(-2px);border-color:#ffb98c;box-shadow:0 9px 20px rgba(249,115,22,.11);background:#fffaf7}.social-connect-option .social-brand{width:38px;height:38px;flex-basis:38px;border-radius:11px;font-size:13px}.social-connect-option small{font-size:9px;font-weight:700;color:#576174;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-connect-option i{position:absolute;right:6px;top:6px;width:19px;height:19px;border-radius:50%;background:#fff0e6;color:var(--orange);font-style:normal;font-weight:800;display:grid;place-items:center}.connection-row .icon-delete{width:33px;height:33px;border-radius:9px;border:1px solid #f0d5d5;background:#fff7f7;color:#d14343;font-size:18px}.connection-row .icon-delete:hover{background:#d14343;color:#fff}.connection-row>form{margin-left:5px}@media(max-width:1000px){.social-icon-picker{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.managed-meta-card .connection-head{align-items:flex-start;flex-wrap:wrap}.managed-meta-card .connection-head>a{width:100%}.social-icon-picker{grid-template-columns:repeat(2,1fr)}.connection-row{display:grid;grid-template-columns:auto 1fr auto}.connection-row>.pill,.connection-row>small{display:none}}
.social-target-choice{align-items:center}.social-target-choice>span:nth-child(2){flex:1}.social-target-choice>.social-brand{margin-left:auto;width:36px;height:36px;flex:0 0 36px;border-radius:10px;font-size:12px}.social-target-choice:has(input:checked)>.social-brand{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--orange)}
.provider-group-grid{grid-template-columns:1fr}.provider-group-card{padding:20px}.provider-quota-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0}.provider-quota-grid>div{min-height:105px;border:1px solid #e8ebf1;border-radius:14px;padding:14px 15px;background:linear-gradient(145deg,#fff,#f8f9fc);display:grid;align-content:center}.provider-quota-grid>div:nth-child(2){background:linear-gradient(145deg,#fff,#fff5ed);border-color:#ffe0cc}.provider-quota-grid>div.quota-addable{background:linear-gradient(145deg,#fff,#effaf5);border-color:#d9f2e6}.provider-quota-grid small{font-size:10px;color:var(--muted);font-weight:700}.provider-quota-grid strong{font:800 28px "Manrope";line-height:1.2;color:var(--ink)}.provider-quota-grid span{font-size:9px;color:#7d8597;line-height:1.35}.provider-key-picker{display:grid;grid-template-columns:auto minmax(220px,360px);align-items:center;justify-content:start;gap:12px;margin:3px 0 14px;font-size:11px;font-weight:800}.provider-key-picker select{border:1px solid #dfe3ea;background:#fff;border-radius:10px;padding:9px 11px;color:var(--ink)}.buffer-sync-summary{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:10px;margin:0 0 12px}.buffer-sync-summary>div{display:grid;gap:2px;padding:12px 14px;border:1px solid #d9f2e6;border-radius:12px;background:#f7fdf9}.buffer-sync-summary small{font-size:12px;color:#647266}.buffer-sync-summary strong{font-size:16px;color:#176844}.credential-warning{margin:0 0 12px;border:1px solid #ffd8b7;background:#fff7ef;color:#9a4b12}.social-connect-option:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.social-connect-option:disabled i{background:#eceef2;color:#9198a7}

/* Credential provider directory and guided setup */
.provider-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:18px}.provider-guide-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:270px;padding:21px;border:1px solid #e7eaf0;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbfe);box-shadow:0 7px 24px rgba(33,43,65,.045)}.provider-guide-card:after{content:"";position:absolute;width:125px;height:125px;right:-45px;top:-48px;border-radius:50%;background:currentColor;opacity:.055}.provider-guide-card.provider-zernio{color:#f97316;border-top:3px solid #f97316}.provider-guide-card.provider-upload-post{color:#7c5cff;border-top:3px solid #7c5cff}.provider-guide-card.provider-postproxy{color:#3182f6;border-top:3px solid #3182f6}.provider-guide-card.provider-buffer{color:#1b9b63;border-top:3px solid #1b9b63}.provider-guide-title{display:flex;align-items:center;gap:12px}.provider-guide-mark{width:45px;height:45px;flex:0 0 45px;border-radius:13px;display:grid;place-items:center;background:currentColor;color:#fff;font:800 13px "Manrope";box-shadow:0 7px 18px rgba(34,43,65,.12)}.provider-guide-title>div{display:grid}.provider-guide-title h2{margin:0;color:var(--ink);font:800 17px "Manrope","Noto Sans Thai"}.provider-guide-title small{color:currentColor;font-size:10px;font-weight:800}.provider-guide-card>p{color:#5f687b;font-size:11px;line-height:1.7;margin:16px 0 12px}.provider-capability{display:grid;gap:3px;margin-bottom:16px}.provider-capability b{color:var(--ink);font-size:10px}.provider-capability span{color:#747d90;font-size:9px;line-height:1.55}.provider-guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.provider-guide-actions a{padding:7px 10px;border:1px solid #e0e4eb;border-radius:9px;background:#fff;color:#4e586b;font-size:9px;font-weight:800}.provider-guide-actions a:hover{color:var(--orange-dark);border-color:#ffc7a3;background:#fff8f3}.credential-table{margin-top:0}.credential-dialog{width:min(780px,calc(100% - 30px))}.credential-dialog form{gap:15px}.credential-dialog .modal-head>div{display:grid}.credential-dialog .modal-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.credential-guide-stack{min-height:326px}.credential-guide[hidden]{display:none!important}.credential-guide{color:var(--orange);padding:18px;border:1px solid #ffe0cd;border-radius:15px;background:linear-gradient(145deg,#fffaf7,#fff)}.credential-guide[data-provider-guide="upload-post"]{color:var(--purple);border-color:#e3ddff;background:linear-gradient(145deg,#faf9ff,#fff)}.credential-guide[data-provider-guide="postproxy"]{color:var(--blue);border-color:#dbeaff;background:linear-gradient(145deg,#f7fbff,#fff)}.credential-guide[data-provider-guide="buffer"]{color:var(--green);border-color:#d9f2e6;background:linear-gradient(145deg,#f7fdf9,#fff)}.credential-guide-head{display:flex;align-items:center;gap:11px}.credential-guide-head>div{display:grid}.credential-guide-head b{color:var(--ink);font-size:15px}.credential-guide-head small{color:#70798c;font-size:9px}.credential-guide ol{margin:15px 0;padding-left:24px;color:#4d5668;font-size:11px}.credential-guide li{padding:3px 0}.credential-guide li::marker{color:currentColor;font-weight:800}.credential-guide-links{display:flex;flex-wrap:wrap;gap:7px}.credential-guide-links .button{font-size:9px;padding:8px 10px}.credential-notice{margin:13px 0 0;padding:10px 12px;border-radius:10px;background:#f8f8fa;color:#5f687b;font-size:9px;line-height:1.55}.credential-notice a{color:currentColor;font-weight:800}.credential-guide details{margin-top:11px;border-top:1px solid #e8eaf0;padding-top:9px;color:#596276;font-size:10px}.credential-guide summary{cursor:pointer;color:var(--ink);font-weight:800}.credential-guide details p{margin:7px 0 3px}.credential-guide details small{color:#788195;font-size:9px}.credential-fields{display:grid;grid-template-columns:1fr 1.35fr;gap:12px}.secure-hint{padding:9px 11px;border-radius:10px;background:#f4f8f6;color:#39735a}

/* SweetAlert2 — Adverra theme */
.app-flash-data{display:none!important}.swal2-container{font-family:"Noto Sans Thai","Manrope",sans-serif!important}.adverra-swal{width:min(450px,calc(100vw - 28px))!important;border-radius:22px!important;padding:27px 25px 24px!important;box-shadow:0 28px 90px rgba(22,29,43,.24)!important}.adverra-swal-title{color:var(--ink)!important;font-size:22px!important;line-height:1.35!important}.adverra-swal-confirm,.adverra-swal-cancel{min-width:112px;border:0;border-radius:11px;padding:11px 18px;font-weight:800;font-family:inherit;cursor:pointer}.adverra-swal-confirm{color:#fff;background:linear-gradient(135deg,#ff8b3d,#f45e0b);box-shadow:0 8px 20px rgba(249,115,22,.2)}.adverra-swal-confirm:hover{background:linear-gradient(135deg,#f77925,#df4f08)}.adverra-swal-cancel{color:#596276;background:#f1f3f6}.adverra-swal-cancel:hover{background:#e7eaf0}.adverra-swal-toast{border:1px solid #e7eaf0!important;border-radius:15px!important;box-shadow:0 14px 40px rgba(22,29,43,.14)!important}.adverra-swal-toast-title{color:var(--ink)!important;font-size:13px!important;line-height:1.55!important}.swal2-timer-progress-bar{background:linear-gradient(90deg,#ff8b3d,#f45e0b)!important}

/* Responsive application shell + PWA */
html{min-width:320px}
body{min-width:320px;overflow-x:hidden}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,input,select,textarea{font-size:16px}
.mobile-nav{display:none}
.pwa-install[hidden]{display:none!important}
.offline-banner{display:none;position:sticky;top:76px;z-index:24;padding:8px 16px;background:#7a2e0b;color:#fff;text-align:center;font-size:11px;font-weight:700}
.is-offline .offline-banner{display:block}
.schedule-option-disabled{opacity:.45}
.schedule-option-disabled select{cursor:not-allowed}
.table-panel{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-panel table{min-width:720px}
dialog{max-height:min(88vh,900px);overflow:hidden}
dialog form{max-height:min(88vh,900px);overflow-y:auto;overscroll-behavior:contain}
.panel,.post-card,.price-card,.feature{min-width:0}
.dash-head>div{min-width:0}

@media (min-width:901px) and (max-width:1180px){
  .sidebar{width:220px;padding-inline:13px}
  .app-main{margin-left:220px}
  .app-shell:before{left:220px}
  .sidebar nav>a{padding:8px 10px}
  .sidebar nav>a i{width:29px;height:29px}
  .sidebar-upgrade{display:none}
  .dashboard{padding:28px 22px 50px}
  .topbar-search{width:min(240px,30vw)}
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-grid article{padding:18px}
  .dash-grid{grid-template-columns:1fr}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .provider-connect-grid{grid-template-columns:1fr}
}

/* Readable product typography + social-aware composer */
.app-shell{font-size:15px;line-height:1.65}
.sidebar nav a{min-height:44px;padding:11px 13px;font-size:14px;line-height:1.45}
.sidebar .nav-label{font-size:11px;letter-spacing:.1em;margin-top:15px}
.sidebar-user strong,.sidebar-upgrade b{font-size:13px}
.sidebar-user small,.sidebar-upgrade small,.sidebar-upgrade a{font-size:11px;line-height:1.45}
.topbar-search small{font-size:13px}
.dashboard{font-size:15px}
.dash-head h1{font-size:34px;line-height:1.25}
.dash-head p{font-size:15px;line-height:1.65;max-width:760px}
.eyebrow{font-size:12px}
.panel h2,.modal-head h2{font-size:20px;line-height:1.4}
.panel p,.connection-head p,.connection-row small{font-size:14px;line-height:1.6}
.panel-head a,.hint,.error-text{font-size:13px;line-height:1.55}
th,td{font-size:14px;line-height:1.5;padding:15px 18px}
th{font-size:12px}
.pill{font-size:12px;padding:6px 10px}
.form label,dialog label,.connect-form label,.provider-key-picker{font-size:14px;line-height:1.45}
.form input,.form select,dialog input,dialog select,.dialog-wide textarea{min-height:46px;font-size:15px;line-height:1.5}
.dialog-wide textarea{padding:13px 14px}
.dialog-wide legend{font-size:15px}
.choice-card{min-height:62px;padding:13px}
.choice-card b{font-size:14px;line-height:1.4}
.choice-card small{font-size:12px;line-height:1.45}
.connection-row>div strong{font-size:16px}
.provider-guide-card>p,.provider-capability span,.credential-guide ol,.credential-notice,.credential-guide details{font-size:13px}
.provider-capability b,.provider-guide-actions a,.credential-guide-head small,.credential-guide-links .button{font-size:12px}
.connect-provider-head small,.provider-quota-grid small,.provider-quota-grid span,.social-connect-option small{font-size:12px}
.post-card>p,.post-card-head small,.post-meta{font-size:13px}
.post-card h2{font-size:18px}
.dash-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.post-workflow-note{display:flex;align-items:center;gap:10px;margin:-5px 0 20px;padding:14px 17px;border:1px solid #ffe0cc;border-radius:15px;background:linear-gradient(135deg,#fff8f3,#fff);color:#596276;font-size:13px}
.post-workflow-note span,.composer-step legend span{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:9px;background:var(--orange);color:#fff;font:800 12px "Manrope"}
.post-workflow-note i{color:#c4c8d0;font-style:normal}
.post-target-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.post-target-badges>span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #e5e8ee;border-radius:9px;background:#fafbfc;color:#566074;font-size:11px;font-weight:700}
.social-mini{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#202633;color:#fff;font-style:normal;font-size:9px}
.social-mini.facebook{background:#1877f2}.social-mini.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-mini.youtube{background:#ff0033}.social-mini.tiktok{background:#101114}.social-mini.linkedin{background:#0a66c2}
.legacy-target{color:#8b5a3c!important;background:#fff7f1!important;border-color:#ffe0cc!important}
.post-composer{width:min(1050px,calc(100% - 30px))}
.post-composer .modal-head p,.post-import-dialog .modal-head p{margin:3px 0 0;color:var(--muted);font-size:13px}
.composer-step{margin:0;border:1px solid #e4e7ed!important;border-radius:16px!important;padding:18px!important}
.composer-step legend{display:flex;align-items:center;gap:8px;padding:0 9px!important}
.social-composer-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px}
.capability-summary{margin-top:12px;padding:11px 13px;border-radius:11px;background:#f5f7fa;color:#5c6679;font-size:13px;line-height:1.55}
.capability-summary.is-ready{background:#effaf5;color:#267653}
.capability-summary.is-error{background:#fff2f2;color:#b13b3b}
.platform-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.platform-option-grid [hidden]{display:none!important}
.media-choice-grid{max-height:290px}
.composer-submit{position:sticky;bottom:-1px;z-index:2;min-height:50px}
.post-import-dialog{width:min(680px,calc(100% - 30px))}
.csv-template-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #ffe0cc;border-radius:14px;background:#fff8f3}
.csv-template-card>span{width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:var(--orange);color:#fff;font:800 11px "Manrope"}
.csv-template-card>div{display:grid;flex:1}
.csv-template-card small{color:var(--muted);font-size:12px}
[data-campaign-post].is-incompatible{opacity:.48;background:#f5f5f6}
[data-campaign-post].is-incompatible input{pointer-events:none}
[data-compatibility-label]{font-style:normal;font-size:11px;color:#8a6070;margin-left:auto}
.campaign-compatibility-note{padding:10px 12px;border-radius:10px;background:#f5f7fa}

@media(max-width:760px){
  .app-shell{font-size:16px}
  .dash-head h1{font-size:29px}
  .dash-head p{font-size:15px}
  .dash-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .dash-actions .button:last-child{grid-column:1/-1}
  .post-workflow-note{align-items:flex-start;display:grid;grid-template-columns:auto 1fr}
  .post-workflow-note i{display:none}
  .social-composer-grid,.platform-option-grid{grid-template-columns:1fr}
  .post-composer .choice-grid{max-height:330px}
  .csv-template-card{align-items:flex-start;flex-wrap:wrap}
  .csv-template-card .button{width:100%}
  th,td{font-size:13px}
}

/* Workspace-owned AI keys and the guided composer assistant. */
.ai-settings-page{display:grid;gap:16px}.ai-security-note{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid #bde8d5;border-radius:14px;background:#f0fcf6;color:#146746}.ai-security-note span{color:#4d7164;font-size:.78rem}.ai-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-provider-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #e7e7e9;border-radius:15px;background:#fff}.ai-provider-grid small,.ai-key-list small{display:block;color:#7d8798;font-size:.7rem}.ai-provider-grid a{color:#e65b0b;font-size:.7rem;font-weight:900}.ai-provider-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:#111827;color:#fff;font-weight:900}.ai-provider-mark.openai{background:#111827}.ai-provider-mark.gemini{background:linear-gradient(135deg,#4285f4,#9b72cb)}.ai-provider-mark.anthropic{background:#c46d43}.ai-price-panel{padding:17px}.ai-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ai-price-grid article{padding:12px;border:1px solid #f1ddd0;border-radius:13px;background:#fffaf7}.ai-price-grid small,.ai-price-grid span{display:block;color:#876f62;font-size:.68rem}.ai-price-grid b{display:block;margin:3px 0;color:#de5100;font-size:1.18rem}.ai-key-list{display:grid;gap:8px}.ai-key-list>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #e6e8ed;border-radius:13px;background:#fff}.ai-key-list em{display:block;margin-top:3px;color:#b33c3c;font-size:.65rem;font-style:normal}.ai-key-delete{height:35px;padding:0 11px;border:1px solid #f2c7c7;border-radius:9px;background:#fffafa;color:#d64040;font-weight:900}.ai-credential-dialog{width:min(560px,calc(100% - 24px))}.ai-credential-dialog form{display:grid;gap:11px;padding:0 20px 20px}.ai-credential-dialog label{display:grid;gap:5px;font-weight:800}.ai-credential-dialog input,.ai-credential-dialog select{width:100%}
.ai-composer-launch{display:grid;gap:12px;margin-bottom:14px;padding:13px;border:1px solid #ffd1b6;border-radius:16px;background:linear-gradient(135deg,#fff9f5,#fff)}.ai-composer-launch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-composer-launch b,.ai-composer-launch span{display:block}.ai-composer-launch b{color:#c84b00}.ai-composer-launch span{margin-top:2px;color:#7e7f89;font-size:.69rem}.ai-composer-launch .button{flex:0 0 auto;min-height:38px;padding:8px 12px}.ai-template-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px;border:1px solid #f8c9aa;border-radius:15px;background:#fff;box-shadow:0 12px 28px rgba(191,74,4,.08)}.ai-template-summary[hidden]{display:none!important}.ai-template-summary-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #f7e4d8}.ai-template-summary-head small{color:#15805d;font-size:.68rem;font-weight:900}.ai-template-summary-head strong{display:block;margin-top:3px;color:#293246;font-size:.94rem}.ai-template-summary-head button{padding:7px 11px;border:1px solid #f7c8a9;border-radius:10px;background:#fff8f3;color:#d65305;font-weight:900;cursor:pointer}.ai-template-summary-chips{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.ai-template-summary-chips span{margin:0;padding:6px 9px;border-radius:999px;background:#fff2e9;color:#a8440c;font-size:.66rem;font-weight:800}.ai-template-summary-prompt{min-width:0;padding:12px 14px;border-radius:12px;background:#f7f8fa}.ai-template-summary-prompt small{color:#697386;font-size:.64rem;font-weight:900}.ai-template-summary-prompt p{display:-webkit-box;overflow:hidden;margin:5px 0 0;color:#2e3748;font-size:.75rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ai-template-summary-price{align-self:stretch;min-width:190px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#fff4eb,#fffaf6)}.ai-template-summary-price span{color:#8a6c5a;font-size:.64rem}.ai-template-summary-price b{margin-top:6px;color:#d94e00;font-size:.9rem}.ai-compose-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(860px,calc(100% - 24px));max-height:92dvh;overflow:hidden}.ai-compose-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:0;overflow:auto}.ai-compose-body>aside{padding:18px;border-right:1px solid #efe5de;background:#fffaf7}.ai-compose-body>aside b{color:#d55205}.ai-compose-body>aside ol{display:grid;gap:11px;margin:14px 0;padding-left:20px;color:#526075;font-size:.75rem}.ai-compose-body>aside a{color:#d55205;font-size:.72rem;font-weight:900}.ai-compose-body>section{display:grid;gap:11px;padding:18px}.ai-compose-body label{display:grid;gap:5px;color:#344054;font-size:.76rem;font-weight:900}.ai-compose-body label small{color:#9299a6;font-weight:600}.ai-compose-body textarea,.ai-compose-body select{width:100%}.ai-compose-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ai-compose-body hr{width:100%;margin:4px 0;border:0;border-top:1px solid #eceef2}.ai-price-preview{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;border:1px solid #f5d4bf;border-radius:12px;background:#fff7f1}.ai-price-preview span{color:#80695c;font-size:.7rem}.ai-price-preview b{color:#d94e00}.ai-price-preview small{grid-column:1/-1;color:#92919a;font-size:.62rem}.ai-compose-status{min-height:20px;margin:0;color:#25775a;font-size:.72rem;font-weight:800}.ai-compose-status.is-loading{color:#d55309}
@media(max-width:760px){.ai-provider-grid,.ai-price-grid{grid-template-columns:1fr}.ai-key-list>article{grid-template-columns:auto minmax(0,1fr) auto}.ai-key-list>article form{grid-column:auto}.ai-security-note{align-items:flex-start;flex-direction:column}.ai-composer-launch-head{align-items:flex-start;flex-direction:column}.ai-composer-launch .button{width:100%}.ai-template-summary{grid-template-columns:1fr;padding:14px}.ai-template-summary-head{align-items:flex-start}.ai-template-summary-chips,.ai-template-summary-head{grid-column:1}.ai-template-summary-price{min-width:0}.ai-compose-dialog[open]{width:100%;height:100dvh;max-height:100dvh}.ai-compose-body{grid-template-columns:1fr}.ai-compose-body>aside{padding:12px 15px;border-right:0;border-bottom:1px solid #efe5de}.ai-compose-body>aside ol{grid-template-columns:repeat(3,1fr);padding-left:16px}.ai-compose-body>section{padding:14px}.ai-compose-two{grid-template-columns:1fr}}

/* Separate text/image AI credentials and give the assistant comfortable reading space. */
.ai-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ai-capability-card{display:grid;gap:16px;padding:20px;border:1px solid #e7e9ee;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(32,41,62,.05)}.ai-capability-card>div{display:flex;align-items:flex-start;gap:13px}.ai-capability-card b{display:block;color:#222c3e;font-size:1rem}.ai-capability-card p{margin:4px 0 0;color:#778195;font-size:.72rem;line-height:1.6}.ai-capability-card .button{justify-self:start}.ai-capability-icon{display:grid;flex:0 0 46px;width:46px;height:46px;place-items:center;border-radius:13px;background:#fff0e6;color:#df5506;font-weight:900}.ai-capability-card.image .ai-capability-icon{background:#eef2ff;color:#6554d9}.ai-capability-pill{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:999px;background:#edf9f3;color:#158159;font-size:.58rem;font-style:normal;vertical-align:middle}.ai-capability-pill.image{background:#eef2ff;color:#5e51c9}.ai-capability-pill.both{background:#fff1e7;color:#d65508}
.ai-credential-dialog form{padding:0 24px 24px}.ai-credential-dialog [hidden]{display:none!important}.ai-credential-dialog .modal-head{margin:0 -24px 4px;padding:22px 24px 17px;border-bottom:1px solid #eee8e4}.ai-credential-dialog .modal-head p{margin:4px 0 0;color:#7b8495;font-size:.7rem}
.ai-compose-dialog[open]{width:min(920px,calc(100% - 32px))}.ai-compose-dialog>.modal-head{padding:24px 28px 20px;border-bottom:1px solid #eee8e4;background:#fff}.ai-compose-dialog>.modal-head>div{padding-right:20px}.ai-compose-dialog>.modal-head h2{margin:4px 0 0}.ai-compose-dialog>.modal-head p{margin:5px 0 0;color:#778195;font-size:.76rem;line-height:1.55}.ai-compose-body{padding:20px;gap:20px;background:#f7f8fa}.ai-compose-body>aside{padding:20px;border:1px solid #f0dfd4;border-radius:16px;background:#fffaf7}.ai-compose-body>section{gap:16px;padding:0 4px 4px 0}.ai-compose-block{display:grid;gap:12px;padding:18px;border:1px solid #e5e8ee;border-radius:17px;background:#fff}.ai-compose-block.image{border-color:#e2e4f5}.ai-compose-block-head{display:flex;align-items:center;gap:10px;padding-bottom:4px}.ai-compose-block-head>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#fff0e6;color:#d95406;font-weight:900}.ai-compose-block.image .ai-compose-block-head>span{background:#eef1ff;color:#6554d9}.ai-compose-block-head b,.ai-compose-block-head small{display:block}.ai-compose-block-head small{margin-top:1px;color:#8991a0;font-size:.65rem}
@media(max-width:760px){.ai-capability-grid{grid-template-columns:1fr}.ai-capability-card{padding:16px}.ai-compose-dialog[open]{width:100%;border-radius:0}.ai-compose-dialog>.modal-head{padding:18px 16px 15px}.ai-compose-dialog>.modal-head>div{padding-right:8px}.ai-compose-body{gap:12px;padding:12px}.ai-compose-body>aside{padding:14px}.ai-compose-body>aside ol{display:grid;grid-template-columns:1fr;gap:7px;margin:10px 0}.ai-compose-body>section{padding:0}.ai-compose-block{padding:14px}.ai-credential-dialog form{padding:0 16px 18px}.ai-credential-dialog .modal-head{margin:0 -16px 2px;padding:18px 16px 14px}}

/* Five-step single-post flow: name -> method -> content/media -> Social -> review. */
.composer-name-step,.composer-method-step{max-width:920px;width:calc(100% - 36px);margin:22px auto}.composer-name-box{display:grid;gap:2px;margin-bottom:14px;padding:14px 16px;border:1px solid #f1dfd3;border-radius:14px;background:#fffaf7}.composer-name-box small{color:#7d8594}.composer-name-step>label{display:grid;gap:7px;font-weight:900}.composer-name-step>label input{font-size:1.05rem}.composer-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.composer-method-card{position:relative;display:flex;align-items:center;gap:14px;min-height:126px;padding:20px;border:2px solid #e5e8ee;border-radius:18px;background:#fff;cursor:pointer;transition:.18s}.composer-method-card:hover{border-color:#ffb180;transform:translateY(-1px)}.composer-method-card>input{position:absolute;opacity:0;pointer-events:none}.composer-method-card>span{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:14px;background:#fff0e6;color:#dc5708;font-size:1.35rem;font-weight:900}.composer-method-card>div{display:grid;gap:4px}.composer-method-card b{font-size:1rem}.composer-method-card small{color:#7d8696;line-height:1.5}.composer-method-card button{width:max-content;padding:0;border:0;background:transparent;color:#d65205;font-size:.72rem;font-weight:900;text-decoration:underline}.composer-method-card>i{display:none;margin-left:auto;color:#fff}.composer-method-card.is-selected{border-color:#ff7a22;background:#fff8f3;box-shadow:0 10px 28px rgba(255,105,20,.12)}.composer-method-card.is-selected>i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#ff6b12}.composer-method-card.is-disabled,.composer-method-card.is-loading{border-color:#e6e8ec;background:#f5f6f8;color:#9da3ad;cursor:not-allowed;transform:none}.composer-method-card.is-disabled>span,.composer-method-card.is-loading>span{background:#e9ebef;color:#9aa1ad}.composer-method-card.is-disabled button{cursor:pointer;color:#d65205}.ai-compose-body>aside p{color:#7a8392;font-size:.7rem;line-height:1.6}.ai-compose-body>aside a{display:block;margin-top:8px}.ai-compose-split-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ai-compose-block details summary{cursor:pointer;color:#6e7582;font-size:.72rem;font-weight:900}.brand-logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.brand-logo-card{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;border:1px solid #e7e9ee;border-radius:16px;background:#fff}.brand-logo-card img{width:76px;height:76px;object-fit:contain;border:1px solid #eceef2;border-radius:13px;background:linear-gradient(45deg,#f4f4f4 25%,transparent 25%),linear-gradient(-45deg,#f4f4f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f4f4f4 75%),linear-gradient(-45deg,transparent 75%,#f4f4f4 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.brand-logo-card div{display:grid;min-width:0}.brand-logo-card small{overflow:hidden;color:#8b93a1;text-overflow:ellipsis;white-space:nowrap}.brand-logo-dialog form{padding:24px}.brand-logo-dialog label{display:grid;gap:7px;font-weight:900}
@media(max-width:760px){.composer-name-step,.composer-method-step{width:calc(100% - 20px);margin:12px auto}.composer-method-grid,.ai-compose-split-actions,.brand-logo-grid{grid-template-columns:1fr}.composer-method-card{min-height:106px;padding:15px}.brand-logo-card{grid-template-columns:64px minmax(0,1fr) auto}.brand-logo-card img{width:64px;height:64px}}
.ai-composer-launch[hidden]{display:none!important}
.ai-template-hide-section{display:none!important}
.ai-template-content-section>:not(.ai-composer-launch){display:none!important}
.ai-template-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.ai-template-actions .button{flex:1;min-width:210px}
.ai-generated-preview{margin-top:16px;padding:14px;border:1px solid #fed7aa;border-radius:18px;background:#fff}.ai-generated-preview[hidden]{display:none!important}.ai-generated-preview img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:14px;background:#fff7ed}.ai-generated-preview div{padding:12px 4px 0}.ai-generated-preview p{white-space:pre-wrap;margin:7px 0 0;color:#475569}
.ai-template-picker-field,.ai-prompt-editor-field{display:block;padding:14px 16px;border:1px solid #fed7aa;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#fffaf5 100%);box-shadow:0 10px 24px rgba(154,52,18,.06)}.ai-template-picker-field select{margin-top:8px;background:#fff7ed;border-color:#fdba74;font-weight:750}.ai-prompt-editor-field textarea{margin-top:8px;min-height:190px;padding:16px 18px;border:2px solid #fed7aa;border-radius:16px;background:#fff;line-height:1.7;resize:vertical}.ai-prompt-editor-field textarea:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12);outline:0}.ai-prompt-editor-field small,.ai-template-picker-field small{display:block;margin-top:7px;color:#64748b}
.ai-logo-position-field{display:block;padding:13px 15px;border:1px dashed #fb923c;border-radius:16px;background:#fff7ed}.ai-logo-position-field>span{display:block;font-weight:800;color:#9a3412;margin-bottom:7px}.ai-logo-position-field small{display:block;margin-top:7px;color:#64748b}.ai-logo-position-field select:disabled{opacity:.58;cursor:not-allowed}
.swal2-container{z-index:2147483647!important}.post-media-picker-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 16px;border-top:1px solid #e7ebef;background:#fff}.post-media-picker-pagination button{min-height:34px;padding:5px 11px;border:1px solid #e2e5ea;border-radius:10px;background:#fff;color:#5e6879;font-weight:800}.post-media-picker-pagination button:disabled{opacity:.4;cursor:not-allowed}.post-media-picker-pagination span{color:#687386;font-size:.72rem;font-weight:900}
.post-media-picker-dialog[open]{grid-template-rows:auto auto minmax(0,1fr) auto auto}

/* Sales/renewal paths: clear separation between a new account and an existing one. */
.sales-social-strip{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.sales-social-strip>span{display:inline-flex;align-items:center;gap:6px}.sales-social-strip .social-mini{width:23px;height:23px;border-radius:7px}.price-actions{display:grid;gap:8px;margin-top:auto}.price-actions>.button{width:100%}.price-renew-link{color:#cf5209;font-size:.72rem;font-weight:900;text-align:center}.cta>div:first-child>p{max-width:620px;margin:8px 0 0;color:rgba(255,255,255,.8);font-size:.78rem}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.cta-actions .button-ghost{border-color:rgba(255,255,255,.65);color:#fff}.renewal-page{padding-top:48px}.renewal-card{width:min(590px,calc(100% - 24px))}.renewal-security-note{display:grid;gap:3px;margin:14px 0;padding:12px 14px;border:1px solid #cde8da;border-radius:13px;background:#f1fbf6}.renewal-security-note b{color:#176f53;font-size:.75rem}.renewal-security-note span{color:#577468;font-size:.68rem}.renewal-account-confirm{display:grid;gap:2px;padding:12px 14px;border:1px solid #e2e7ed;border-radius:12px;background:#f8fafc}.renewal-account-confirm small,.renewal-account-confirm span{color:#7b8596;font-size:.67rem}.renewal-account-confirm b{color:#273247}.renewal-honesty{margin:14px 0 0;color:#7c6b62;font-size:.65rem;line-height:1.6;text-align:center}
.sales-payment-card{display:grid;grid-template-columns:1.2fr 1fr auto;gap:24px;align-items:center;margin:30px auto 0;padding:28px;border:1px solid #ffd4b8;border-radius:24px;background:linear-gradient(135deg,#fff9f5,#fff);box-shadow:0 18px 48px rgba(176,76,20,.1)}.sales-payment-card .eyebrow{margin-bottom:7px}.sales-payment-card h3{margin:0 0 5px;font-size:1.3rem}.sales-payment-card p{margin:0;color:#70645d;font-size:.78rem}.sales-payment-card dl{display:grid;gap:7px;margin:0}.sales-payment-card dl>div{display:grid;grid-template-columns:82px 1fr;gap:10px}.sales-payment-card dt{color:#8a7b72;font-size:.7rem}.sales-payment-card dd{margin:0;color:#2d231e;font-weight:900}.sales-payment-card dl>div:last-child dd{color:#d65309;font:900 1.15rem "Manrope","Noto Sans Thai",sans-serif;letter-spacing:.04em}.sales-payment-card .button{white-space:nowrap}
@media(max-width:720px){.cta-actions{display:grid;width:100%}.cta-actions .button{width:100%}.sales-social-strip{justify-content:flex-start}.renewal-page{padding-top:20px}.posts-primary-actions>.button:first-child{grid-column:1/-1;grid-row:1}.posts-primary-actions>.button:last-child{grid-column:auto}.posts-primary-actions>a{grid-row:2}}
@media(max-width:900px){.sales-payment-card{grid-template-columns:1fr}.sales-payment-card .button{width:100%}}

/* First-use guide: a short, replayable 1-2-3-4 flow for non-technical customers. */
.first-run-shell [hidden]{display:none!important}
.dashboard-head-actions{display:flex;align-items:center;gap:9px}.dashboard-head-actions .button{white-space:nowrap}.first-run-tour{width:min(760px,calc(100% - 28px));max-height:90dvh;padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(24,20,17,.28)}.first-run-tour::backdrop{background:rgba(35,27,23,.66);backdrop-filter:blur(5px)}.first-run-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:90dvh}.first-run-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid #f0e7e1;background:linear-gradient(145deg,#fffaf6,#fff)}.first-run-shell>header span{color:#e45b0d;font-size:.67rem;font-weight:900;letter-spacing:.13em}.first-run-shell>header h2{margin:3px 0 2px;color:#202a3c;font-size:1.35rem}.first-run-shell>header p{margin:0;color:#758095;font-size:.75rem}.first-run-shell>header button{display:grid;width:38px;height:38px;flex:0 0 38px;padding:0;place-items:center;border:0;border-radius:12px;background:#fff0e7;color:#df570b;font-size:1.25rem;cursor:pointer}.first-run-shell>nav{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:13px 24px;background:#fff}.first-run-shell>nav button{position:relative;height:7px;padding:0;overflow:hidden;border:0;border-radius:999px;background:#e9edf2;color:transparent;cursor:pointer}.first-run-shell>nav button.is-active,.first-run-shell>nav button.is-complete{background:linear-gradient(90deg,#ff974f,#f45b0b)}.first-run-shell>section{grid-template-columns:62px minmax(0,1fr);gap:18px;min-height:300px;padding:25px 30px 28px;overflow:auto;background:radial-gradient(circle at 100% 0,rgba(249,115,22,.1),transparent 260px),#fff}.first-run-shell>section:not([hidden]){display:grid}.first-run-number{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#ff934e,#f35a0a);color:#fff;font-size:1.45rem;font-weight:900;box-shadow:0 12px 28px rgba(241,91,13,.25)}.first-run-shell>section>div:last-child{align-content:start;display:grid}.first-run-shell>section small{color:#e15b10;font-size:.66rem;font-weight:900;letter-spacing:.08em}.first-run-shell>section h3{margin:4px 0 8px;color:#202a3c;font-size:1.28rem}.first-run-shell>section p{max-width:580px;margin:0;color:#606b7d;font-size:.85rem;line-height:1.8}.first-run-shell>section aside{margin-top:18px;padding:13px 15px;border:1px solid #cfeadc;border-radius:13px;background:#f1fbf6;color:#496b5e;font-size:.75rem;line-height:1.65}.first-run-shell>section aside b{color:#197b59}.first-run-shell>footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 24px max(13px,env(safe-area-inset-bottom));border-top:1px solid #e9edf2;background:#fff}.first-run-shell>footer>span{color:#7b8596;font-size:.72rem;font-weight:800;text-align:center}.first-run-shell>footer .button{min-width:120px}.checklist-four{gap:7px}.checklist-four a{min-height:58px}.checklist-four a.is-done{border-color:#cde9dd;background:#f2fbf7}.checklist-four a.is-done>b{background:#17845e;color:#fff}.checklist-four a.is-done strong{color:#176b50}
@media(max-width:720px){.dashboard-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dashboard-head-actions .button{width:100%;min-width:0}.first-run-tour{width:100%;max-height:100dvh;border-radius:0}.first-run-shell{max-height:100dvh}.first-run-shell>header{padding:17px 16px 13px}.first-run-shell>header h2{font-size:1.1rem}.first-run-shell>header p{font-size:.68rem}.first-run-shell>nav{padding:10px 16px}.first-run-shell>section{grid-template-columns:44px 1fr;gap:12px;min-height:0;padding:20px 16px}.first-run-number{width:42px;height:42px;border-radius:13px;font-size:1rem}.first-run-shell>section h3{font-size:1.05rem}.first-run-shell>section p{font-size:.76rem}.first-run-shell>footer{grid-template-columns:1fr 1fr;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.first-run-shell>footer>span{grid-column:1/-1;grid-row:1}.first-run-shell>footer .button{grid-row:2;width:100%;min-width:0}.first-run-shell>footer [data-first-run-next],.first-run-shell>footer [data-first-run-start]{grid-column:2}}

/* Clear publishing workflow and calendar navigation. */
.publishing-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.publishing-flow>a{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border:1px solid #e6e8ee;
  border-radius:15px;
  background:#fff;
  color:#566074;
  box-shadow:0 7px 22px rgba(38,47,66,.045);
  transition:.18s ease;
}
.publishing-flow>a:hover{border-color:#ffc6a3;transform:translateY(-1px)}
.publishing-flow>a.active{border-color:#ff9a5e;background:linear-gradient(145deg,#fff8f3,#fff0e5);color:#c94c07;box-shadow:0 10px 28px rgba(229,91,14,.1)}
.publishing-flow>a>b{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:9px;background:#f2f4f7;color:#737e91;font:800 12px "Manrope",sans-serif}
.publishing-flow>a.active>b{background:#f97316;color:#fff}
.publishing-flow span{min-width:0;display:grid;font-size:12px;font-weight:850}
.publishing-flow small{overflow:hidden;color:#8c95a5;font-size:9px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.publishing-flow-compact{margin-bottom:2px}
.publishing-flow-page{margin:0 0 18px}
.publishing-kpis-simple{grid-template-columns:repeat(3,minmax(0,1fr))}
.publishing-kpis-simple>a{position:relative;display:grid;gap:3px;min-width:0;padding:18px 20px;border:1px solid #e5e9ef;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 9px 26px rgba(40,48,67,.055)}
.publishing-kpis-simple>a:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#8b5cf6}
.publishing-kpis-simple .is-published:before{background:#10a66f}
.publishing-kpis-simple .is-failed:before{background:#e5484d}
.publishing-kpis-simple .is-failed.needs-attention{border-color:#f0b8b8;background:linear-gradient(145deg,#fff,#fff4f4);box-shadow:0 10px 28px rgba(213,55,55,.09)}
.publishing-kpis-simple span{color:#667085;font-size:12px;font-weight:850}
.publishing-kpis-simple strong{color:#20293a;font:850 31px/1.1 "Manrope","Noto Sans Thai",sans-serif}
.publishing-kpis-simple small{overflow:hidden;color:#929aab;font-size:10px;white-space:nowrap;text-overflow:ellipsis}
.publishing-section-head>a{color:#d8550b;font-size:11px;font-weight:850}
.calendar-dashboard{display:grid;gap:16px}
.calendar-dashboard>.dash-head{margin-bottom:0}
.post-calendar-panel{padding:0;overflow:hidden}
.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #eceef2}
.calendar-toolbar h2{margin:0;font-size:20px}
.calendar-toolbar p{margin:2px 0 0;color:#8992a3;font-size:10px}
.calendar-toolbar nav{display:flex;align-items:center;gap:6px}
.calendar-toolbar nav a{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid #e0e4ea;border-radius:11px;background:#fff;color:#4d586c;font-size:20px;font-weight:850}
.calendar-toolbar nav a:hover{border-color:#ffb788;background:#fff7f1;color:#d45208}
.calendar-toolbar nav .today-link{width:auto;padding:0 13px;font-size:11px}
.calendar-legend{display:flex;flex-wrap:wrap;gap:13px;padding:12px 20px;border-bottom:1px solid #f0f1f4;background:#fbfbfc}
.calendar-legend span{display:flex;align-items:center;gap:6px;color:#687286;font-size:9px;font-weight:800}
.calendar-legend span:before{content:"";width:8px;height:8px;border-radius:50%;background:#8b5cf6}
.calendar-legend .processing:before{background:#e3a008}.calendar-legend .published:before{background:#10a66f}.calendar-legend .failed:before{background:#e5484d}
.calendar-weekdays,.post-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-weekdays{border-bottom:1px solid #e7e9ed;background:#fffaf7}
.calendar-weekdays b{padding:9px;text-align:center;color:#8a6f60;font-size:10px}
.calendar-day{position:relative;min-height:145px;padding:9px;border-right:1px solid #eceef2;border-bottom:1px solid #eceef2;background:#fff}
.calendar-day:nth-child(7n){border-right:0}
.calendar-day.outside-month{background:#fafbfc}
.calendar-day.outside-month>*{opacity:.5}
.calendar-day>time{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:#586276;font:800 11px "Manrope",sans-serif}
.calendar-day.is-today>time{background:#f97316;color:#fff;box-shadow:0 5px 14px rgba(249,115,22,.22)}
.calendar-day-events{display:grid;gap:5px;margin-top:4px}
.calendar-event{display:grid;min-width:0;padding:6px 7px;border-left:3px solid #8b5cf6;border-radius:7px;background:#f4f1ff;color:#544291}
.calendar-event.status-queued{border-color:#64748b;background:#f1f4f7;color:#526076}
.calendar-event.status-processing,.calendar-event.status-provider_processing{border-color:#e3a008;background:#fff7dd;color:#866000}
.calendar-event.status-published{border-color:#10a66f;background:#eaf9f2;color:#087a57}
.calendar-event.status-failed{border-color:#e5484d;background:#fff0f0;color:#b52d35}
.calendar-event.status-cancelled{border-color:#9ba3b1;background:#f2f3f5;color:#6c7482}
.calendar-event small,.calendar-event span,.calendar-event strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.calendar-event small{font-size:7px;font-weight:800;opacity:.8}.calendar-event strong{font-size:9px}.calendar-event span{font-size:7px;opacity:.72}
.calendar-more{padding:3px 6px;color:#d6540b;font-size:8px;font-weight:850}
@media(max-width:1050px){
  .publishing-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calendar-day{min-height:120px;padding:6px}.calendar-event span{display:none}
}
@media(max-width:760px){
  .publishing-flow{display:flex;overflow-x:auto;margin-inline:-15px;padding:0 15px 5px;scroll-snap-type:x mandatory}
  .publishing-flow>a{min-width:220px;scroll-snap-align:start}
  .publishing-kpis-simple{grid-template-columns:1fr}
  .post-calendar-panel{margin-inline:-15px;border-radius:0}
  .calendar-toolbar{padding:15px}.calendar-toolbar h2{font-size:18px}
  .calendar-legend{padding:10px 15px}
  .post-calendar-grid,.calendar-weekdays{min-width:760px}
  .post-calendar-panel{overflow-x:auto}
  .calendar-day{min-height:126px}
}

@media (max-width:900px){
  .app-shell{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .app-shell:before{left:0}
  .sidebar{display:none}
  .app-main{margin-left:0}
  .app-topbar{height:64px;padding:0 18px;top:0}
  .app-topbar>.brand{display:flex;font-size:16px}
  .app-topbar>.brand span{width:34px;height:34px}
  .app-topbar nav{width:auto;margin-left:auto;gap:8px}
  .topbar-search,.top-icon,.top-avatar{display:none}
  .top-create{margin-left:0}
  .pwa-install{display:inline-flex}
  .offline-banner{top:64px}
  .dashboard{padding:26px 20px 38px}
  .dash-head{align-items:flex-start;gap:18px;flex-wrap:wrap}
  .dash-head>div{flex:1 1 360px}
  .dash-head h1{font-size:28px}
  .stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-grid article{padding:18px}
  .stat-grid article b{font-size:26px}
  .dash-grid{grid-template-columns:1fr}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .provider-connect-grid{grid-template-columns:1fr}
  .connection-head{align-items:flex-start;flex-wrap:wrap}
  .connection-head>.button{margin-left:auto}
  .mobile-nav{position:fixed;z-index:80;inset:auto 10px max(8px,env(safe-area-inset-bottom)) 10px;height:64px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:6px;background:rgba(255,255,255,.96);border:1px solid rgba(220,224,232,.9);border-radius:20px;box-shadow:0 12px 38px rgba(22,29,43,.18);backdrop-filter:blur(18px)}
  .mobile-nav a{height:52px;min-width:0;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#737b8d;font-size:9px;font-weight:700}
  .mobile-nav a i{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;font-style:normal;font-size:15px}
  .mobile-nav a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-nav a.active{background:#fff0e6;color:var(--orange-dark)}
  .mobile-nav a.active i{background:var(--orange);color:#fff;box-shadow:0 6px 14px rgba(249,115,22,.24)}
  .flash-wrap{top:76px;left:16px;right:16px}
  .flash{width:100%}
}

@media (max-width:680px){
  .topbar{height:66px;padding-inline:17px}
  .topbar .brand{font-size:16px}
  .topbar .brand span{width:34px;height:34px}
  .topbar nav{gap:8px}
  .topbar nav>a:not(.button),.topbar nav form{display:none}
  .topbar nav .button{padding:9px 12px;font-size:11px}
  .hero{min-height:auto;display:block;padding:42px 18px 54px}
  .hero-copy{text-align:left}
  .hero h1{font-size:clamp(39px,12.5vw,55px);letter-spacing:-.05em}
  .hero-copy>p{font-size:16px}
  .hero-actions{display:grid;grid-template-columns:1fr;margin:24px 0}
  .hero-actions .button{width:100%;min-height:48px}
  .trust-row{display:grid;grid-template-columns:1fr;gap:7px;font-size:12px}
  .hero-visual{min-height:420px;margin-top:22px}
  .hero-visual:before{width:300px;height:300px}
  .orbit-one{width:345px;height:345px}
  .orbit-two{display:none}
  .mock-window{width:min(390px,96%);padding:15px;border-radius:19px}
  .mock-stat-row b{font-size:15px}
  .queue-card{padding:10px;gap:9px}
  .queue-card b{font-size:10px}
  .float-chip{font-size:9px;padding:8px 10px}
  .chip-one{right:0;top:80px}
  .chip-two{left:0;bottom:45px}
  .logo-strip{justify-content:flex-start;overflow-x:auto;padding-inline:20px;gap:28px;scrollbar-width:none}
  .logo-strip::-webkit-scrollbar{display:none}
  .section{padding:72px 18px}
  .section-head{margin-bottom:35px}
  .section-head h2{font-size:36px}
  .feature-grid,.steps,.pricing-grid,.faq{grid-template-columns:1fr}
  .feature-wide{grid-column:auto;grid-template-columns:1fr}
  .feature{min-height:0;padding:25px}
  .feature-icon{margin-bottom:22px}
  .price-card.featured{transform:none}
  .cta{margin:18px 18px 70px;padding:34px 24px;display:grid;gap:24px}
  .cta h2{font-size:36px}
  footer{grid-template-columns:1fr;padding:42px 20px}
  footer small{text-align:left}

  .app-topbar{height:60px;padding-inline:14px}
  .app-topbar>.brand{font-size:0;gap:0}
  .app-topbar>.brand span{font-size:16px}
  .app-topbar>.brand b{display:none}
  .top-create{font-size:11px;padding:9px 12px}
  .pwa-install{font-size:10px;padding:8px 10px}
  .offline-banner{top:60px}
  .dashboard{padding:20px 14px 30px}
  .dash-head{margin-bottom:19px}
  .dash-head>div{flex-basis:100%}
  .dash-head h1{font-size:25px}
  .dash-head p{font-size:11px}
  .dash-head>.button{width:100%;min-height:44px}
  .eyebrow{font-size:9px}
  .stat-grid{grid-template-columns:1fr}
  .stat-grid article{padding:18px 20px}
  .stat-grid article b{font-size:28px}
  .panel{padding:17px;border-radius:15px}
  .panel-head{align-items:flex-start;gap:10px}
  .panel-head .button{flex:0 0 auto}
  .post-grid,.media-grid,.choice-grid,.form-split,.sync-grid{grid-template-columns:1fr}
  .post-card{min-height:190px}
  .media-thumb{height:150px}
  .table-panel{border-radius:14px}
  .table-panel table{min-width:680px}
  th,td{padding:12px 13px}
  .choice-grid{max-height:320px}
  .choice-card{min-height:58px;align-items:center}
  .choice-card input{width:20px!important;height:20px;margin:0!important}
  .social-target-choice>.social-brand{width:38px;height:38px;flex-basis:38px}
  .managed-meta-card .connection-head>a,.connect-provider-head form,.connect-provider-head form .button{width:100%}
  .managed-meta-card .connection-head>a{margin-left:0}
  .connect-provider-head{align-items:flex-start;flex-wrap:wrap}
  .social-icon-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .provider-quota-grid{grid-template-columns:1fr 1fr}
  .provider-quota-grid>.quota-addable{grid-column:1/-1}
  .provider-quota-grid>div{min-height:90px;padding:12px}
  .provider-quota-grid strong{font-size:24px}
  .provider-key-picker{grid-template-columns:1fr;gap:6px}
  .provider-key-picker select{width:100%}
  .buffer-sync-summary{grid-template-columns:1fr}
  .provider-directory{grid-template-columns:1fr}
  .provider-guide-card{min-height:0}
  .credential-guide-stack{min-height:0}
  .credential-fields{grid-template-columns:1fr}
  .credential-guide-links{display:grid;grid-template-columns:1fr}
  .credential-guide-links .button{width:100%}
  .social-connect-option{min-height:88px}
  .connection-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:15px}
  .connection-row>.pill{display:none}
  .connection-row>form{margin:0}
  .connection-row .icon-delete{width:40px;height:40px}
  .auth-page{min-height:calc(100vh - 66px);padding:24px 14px}
  .auth-card{padding:28px 20px;border-radius:20px}
  .auth-card h1{font-size:30px}

  dialog,dialog.dialog-wide{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 16px);margin:auto auto 8px;border-radius:22px 22px 12px 12px}
  dialog form,dialog.dialog-wide form{max-height:calc(100dvh - 16px);padding:20px 16px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .modal-head{position:sticky;top:-20px;z-index:3;margin:-20px -16px 0;padding:18px 16px 12px;background:rgba(255,255,255,.97);border-bottom:1px solid #eef0f4;backdrop-filter:blur(12px)}
  .modal-head h2{font-size:18px}
  .modal-head button{width:40px;height:40px}
  dialog .button:not(.button-small){min-height:46px;width:100%}
}

@media (max-width:380px){
  .mobile-nav{inset-inline:6px}
  .mobile-nav a{font-size:8px}
  .social-icon-picker{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1{font-size:38px}
}

@media (display-mode:standalone){
  body{overscroll-behavior-y:none}
  .app-topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}
  .dashboard{padding-bottom:calc(42px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Premium orange refresh — warm SaaS visual system */
:root{
  --orange:#f97316;
  --orange-dark:#c94708;
  --orange-soft:#fff1e7;
  --orange-pale:#fff8f3;
  --orange-glow:rgba(249,115,22,.22);
  --ink:#172033;
  --muted:#697386;
  --line:#e8e4df;
  --cream:#fffaf6;
  --shadow:0 18px 55px rgba(76,45,24,.09);
}

::selection{background:#ffd7bd;color:#7c2d12}
a,button{transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid rgba(249,115,22,.28);
  outline-offset:3px;
}
.button{
  min-height:44px;
  border-radius:13px;
  background:linear-gradient(135deg,#ff9a51 0%,#f97316 48%,#e9570b 100%);
  box-shadow:0 10px 26px rgba(234,88,12,.23),inset 0 1px rgba(255,255,255,.32);
}
.button:hover{background:linear-gradient(135deg,#fb8535,#e9570b);box-shadow:0 13px 30px rgba(234,88,12,.29)}
.button-outline,.button-ghost{
  color:#5f493d;
  border:1px solid #eaded6;
  background:rgba(255,255,255,.9);
  box-shadow:0 5px 16px rgba(74,46,27,.05);
}
.button-outline:hover,.button-ghost:hover{background:#fff5ee;border-color:#f5b58d;color:#c94708}

/* Public sale page */
body:not(.app-shell){
  background:
    radial-gradient(circle at 8% 4%,rgba(255,214,186,.42),transparent 24rem),
    radial-gradient(circle at 92% 8%,rgba(255,237,213,.8),transparent 27rem),
    #fffdfb;
}
body:not(.app-shell)>.topbar{
  position:sticky;
  top:12px;
  width:min(1184px,calc(100% - 32px));
  height:68px;
  margin:12px auto 0;
  padding:0 18px;
  border:1px solid rgba(237,218,205,.82);
  border-radius:20px;
  background:rgba(255,255,255,.84);
  box-shadow:0 14px 40px rgba(80,47,25,.07);
  backdrop-filter:blur(18px);
}
body:not(.app-shell)>.topbar .brand span,
footer .brand span{
  background:linear-gradient(145deg,#ffab6d,#ef5b0c);
  box-shadow:0 8px 18px rgba(234,88,12,.24);
}
body:not(.app-shell)>.topbar nav>a:not(.button){position:relative;color:#5d554f}
body:not(.app-shell)>.topbar nav>a:not(.button):after{
  content:"";
  position:absolute;
  inset:auto 50% -7px;
  height:2px;
  border-radius:99px;
  background:var(--orange);
  transition:inset .2s ease;
}
body:not(.app-shell)>.topbar nav>a:not(.button):hover{color:var(--orange-dark)}
body:not(.app-shell)>.topbar nav>a:not(.button):hover:after{inset-inline:0}
.hero{
  position:relative;
  isolation:isolate;
  margin-top:10px;
  min-height:720px;
  border-radius:0 0 42px 42px;
}
.hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:6% 0 7%;
  border:1px solid rgba(248,188,149,.26);
  border-radius:42px;
  background:
    linear-gradient(rgba(255,255,255,.7),rgba(255,250,246,.84)),
    repeating-linear-gradient(90deg,rgba(249,115,22,.04) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(0deg,rgba(249,115,22,.04) 0 1px,transparent 1px 72px);
  box-shadow:inset 0 1px rgba(255,255,255,.8);
}
.hero-copy{padding-left:30px}
.eyebrow{
  border:1px solid #ffd7bd;
  background:rgba(255,244,236,.92);
  color:#d9570c;
  box-shadow:0 5px 16px rgba(234,88,12,.06);
}
.hero h1{color:#1d2636;text-wrap:balance}
.hero h1 em{
  color:transparent;
  background:linear-gradient(100deg,#f97316,#e84f09 62%,#ff8a3d);
  background-clip:text;
  -webkit-background-clip:text;
}
.hero-copy>p{color:#657083;line-height:1.85}
.trust-row span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #eee6e0;
  border-radius:10px;
  background:rgba(255,255,255,.72);
}
.hero-visual:before{
  background:
    radial-gradient(circle at 30% 25%,#ffc69e 0 5%,transparent 30%),
    linear-gradient(145deg,#ff9a51,#f97316 55%,#d94b06);
  box-shadow:0 45px 110px rgba(234,88,12,.34),inset 0 1px rgba(255,255,255,.38);
}
.orbit{border-color:rgba(234,88,12,.2)}
.mock-window{
  border:1px solid rgba(244,181,139,.66);
  background:rgba(255,255,255,.94);
  box-shadow:0 35px 95px rgba(113,53,18,.19),0 2px 0 rgba(255,255,255,.8) inset;
  backdrop-filter:blur(16px);
}
.mock-head strong{color:#c94c08;letter-spacing:.03em}
.mock-stat-row div{border:1px solid #ffe2cf;background:linear-gradient(145deg,#fffaf6,#fff0e5)}
.queue-card{border-color:#eee5df;background:rgba(255,255,255,.88);box-shadow:0 7px 18px rgba(58,40,29,.05)}
.float-chip{border:1px solid #f2dfd2;box-shadow:0 16px 40px rgba(92,48,20,.14)}
.logo-strip{
  border:0;
  background:#211b18;
  color:#c9bdb5;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
}
.section{position:relative}
.section-head h2{color:#1c2637;text-wrap:balance}
.feature-grid{gap:20px}
.feature{
  position:relative;
  overflow:hidden;
  border-color:#ece3dd;
  background:linear-gradient(145deg,#fff,#fffaf7);
  box-shadow:0 12px 34px rgba(73,47,29,.055);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.feature:after{
  content:"";
  position:absolute;
  right:-48px;
  top:-58px;
  width:130px;
  height:130px;
  border-radius:50%;
  background:rgba(249,115,22,.055);
}
.feature:hover{transform:translateY(-5px);border-color:#f4bd98;box-shadow:0 22px 52px rgba(93,48,19,.11)}
.feature-icon{box-shadow:0 8px 20px rgba(249,115,22,.11)}
.orange-card{
  background:
    radial-gradient(circle at 90% 8%,rgba(255,255,255,.2),transparent 34%),
    linear-gradient(145deg,#ff9348,#f97316 55%,#df4f08);
  border-color:transparent;
  box-shadow:0 22px 55px rgba(234,88,12,.25);
}
.dark-card{
  background:
    radial-gradient(circle at 90% 0,rgba(249,115,22,.22),transparent 34%),
    linear-gradient(145deg,#25201d,#151a26);
}
.steps-section{
  background:
    radial-gradient(circle at 10% 25%,rgba(249,115,22,.08),transparent 24rem),
    linear-gradient(180deg,#fff8f3,#fffdfb);
  border-block:1px solid #f2e5dc;
}
.steps article{
  position:relative;
  overflow:hidden;
  border:1px solid #eee2da;
  box-shadow:0 14px 35px rgba(78,45,24,.055);
}
.steps article>b{color:#ffbf94}
.steps article:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#ff9b56,#ef5c0b)}
.price-card{
  border-color:#eae1db;
  background:linear-gradient(180deg,#fff,#fffcfa);
  box-shadow:0 12px 34px rgba(70,44,27,.055);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.price-card:hover{transform:translateY(-6px);border-color:#f2b58d;box-shadow:0 24px 58px rgba(94,47,17,.12)}
.price-card.featured{
  overflow:hidden;
  border:2px solid var(--orange);
  background:
    linear-gradient(180deg,#fff2e8 0,#fff 32%);
  box-shadow:0 27px 70px rgba(234,88,12,.2);
}
.price-card.featured:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,#ffb078,#f97316,#df4f08);
}
.popular{background:#f97316;color:#fff;box-shadow:0 7px 18px rgba(234,88,12,.2)}
.storage{border:1px solid #ffddc6;background:linear-gradient(135deg,#fff0e5,#fff8f3)}
.cta{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.25);
  background:
    radial-gradient(circle at 85% 20%,rgba(255,255,255,.24),transparent 26%),
    linear-gradient(125deg,#ff9b53,#f97316 48%,#d94a07);
  box-shadow:0 32px 90px rgba(221,78,4,.3);
}
.cta:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-70px;bottom:-150px}
.faq-list details{
  margin-bottom:12px;
  padding:20px 22px;
  border:1px solid #ece2dc;
  border-radius:16px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 24px rgba(74,46,27,.04);
}
.faq-list details[open]{border-color:#f3bd98;background:#fff8f3}
.faq-list summary{color:#263143}
footer{background:linear-gradient(135deg,#211b18,#171b27 65%,#3e2113)}

/* Dashboard application */
.app-shell{
  background:
    radial-gradient(circle at 88% 2%,rgba(249,115,22,.09),transparent 29rem),
    linear-gradient(180deg,#fffaf6 0,#f7f6f5 36rem);
}
.app-shell:before{
  height:330px;
  background:
    radial-gradient(circle at 8% 0,rgba(255,184,135,.18),transparent 20rem),
    linear-gradient(125deg,rgba(249,115,22,.065),rgba(255,255,255,0));
}
.sidebar{
  border-right:1px solid #f0d9ca;
  box-shadow:12px 0 38px rgba(89,49,22,.045);
}
.sidebar:before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#ffb078,#f97316,#df4f08);
}
.sidebar .brand>span{
  transform:rotate(-5deg);
  background:linear-gradient(145deg,#ffac71,#f97316 55%,#df4f08);
  box-shadow:0 10px 23px rgba(234,88,12,.28);
}
.sidebar .nav-label{color:#b28d75}
.sidebar nav>a{border:1px solid transparent}
.sidebar nav>a:hover{border-color:#ffe0cc;background:linear-gradient(90deg,#fff5ee,#fffaf7)}
.sidebar nav>a.active{
  border-color:#ffd8c0;
  background:linear-gradient(100deg,#ffe8d8,#fff7f1);
  box-shadow:inset 4px 0 #f97316,0 8px 20px rgba(234,88,12,.08);
}
.sidebar-upgrade{
  border-color:#f7cbaa;
  background:
    radial-gradient(circle at 100% 0,rgba(249,115,22,.14),transparent 55%),
    linear-gradient(145deg,#fff0e5,#fff9f4);
  box-shadow:0 10px 24px rgba(107,56,21,.07);
}
.app-topbar{
  border-bottom:1px solid #f0dfd3;
  background:rgba(255,253,251,.88);
  box-shadow:0 8px 30px rgba(83,49,27,.035);
}
.topbar-search{
  border-color:#eee1d8;
  background:#fff9f5;
}
.topbar-search kbd{border-color:#ead8cc;color:#a25d32}
.top-icon{display:none!important}
.dashboard{position:relative}
.dash-head{
  min-height:152px;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 0,rgba(255,255,255,.24),transparent 29%),
    radial-gradient(circle at 70% 115%,rgba(142,48,3,.18),transparent 35%),
    linear-gradient(125deg,#ff9b53,#f97316 52%,#df4f08);
  color:#fff;
  box-shadow:0 22px 58px rgba(211,78,9,.22);
  overflow:hidden;
}
.dash-head:after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-120px;
  width:270px;
  height:270px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:50%;
}
.dash-head>div,.dash-head>.button{position:relative;z-index:1}
.dash-head h1{color:#fff;text-shadow:0 2px 12px rgba(125,42,2,.12)}
.dash-head p{max-width:720px;color:rgba(255,255,255,.82)}
.dash-head .eyebrow{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.15);
  color:#fff;
  box-shadow:none;
}
.dash-head .button{
  border:1px solid rgba(255,255,255,.68);
  background:#fff;
  color:#c94b07;
  box-shadow:0 12px 28px rgba(110,41,5,.18);
}
.dash-head .button:hover{background:#fff7f1;color:#a93a03;transform:translateY(-2px)}
.panel{
  border-color:#eee3dc;
  background:rgba(255,255,255,.92);
  box-shadow:0 13px 38px rgba(69,45,29,.055);
}
.panel:hover{border-color:#ead6ca}
.panel h2{color:#202c3d}
.stat-grid article{
  border:1px solid rgba(239,224,215,.85);
  box-shadow:0 14px 38px rgba(74,46,27,.065);
}
.stat-grid article:nth-child(1){background:linear-gradient(145deg,#fff,#fff0e4);color:#e75b0b}
.stat-grid article:nth-child(2){background:linear-gradient(145deg,#fff,#f4f1ff);color:#7657e8}
.stat-grid article:nth-child(3){background:linear-gradient(145deg,#fff,#edf9f4);color:#149a68}
.stat-grid article:nth-child(4){background:linear-gradient(145deg,#fff,#fff7dd);color:#b98400}
.storage-ring{box-shadow:0 12px 36px rgba(234,88,12,.14),inset 0 0 0 1px rgba(249,115,22,.08)}
.progress{background:#f2e9e3}
.progress i{background:linear-gradient(90deg,#ffad73,#f97316,#df4f08)}
.post-card,.media-item,.connect-provider-card,.provider-guide-card,.connection-row{
  box-shadow:0 10px 28px rgba(71,46,30,.045);
}
.post-card:hover,.media-item:hover,.connect-provider-card:hover,.provider-guide-card:hover{
  border-color:#f2bd99;
  box-shadow:0 18px 40px rgba(91,47,19,.09);
}
.media-thumb{background:linear-gradient(145deg,#fff4eb,#ffd9bf)}
.table-panel thead th{background:#fff8f3;color:#92715e}
tbody tr:hover{background:#fff7f1}
dialog{
  border:1px solid #f0ddd0;
  box-shadow:0 32px 100px rgba(53,31,17,.25);
}
dialog::backdrop{background:rgba(39,25,17,.64);backdrop-filter:blur(5px)}
.modal-head{
  margin:-27px -27px 4px;
  padding:20px 27px 16px;
  border-bottom:1px solid #f1dfd3;
  background:linear-gradient(135deg,#fff8f3,#fff);
}
.modal-head h2{color:#3d2b20}
.modal-head button{background:#fff0e6;color:#d9560b}
.form input,.form select,dialog input,dialog select,.dialog-wide textarea{
  border-color:#e9ddd5;
  background:#fffdfb;
}
.choice-card{border-color:#ebe0d9;background:#fffdfb}
.choice-card:has(input:checked){border-color:#f97316;background:#fff1e7;box-shadow:inset 0 0 0 1px #f97316,0 8px 20px rgba(249,115,22,.08)}
.provider-quota-grid>div{box-shadow:0 8px 22px rgba(74,47,29,.04)}
.social-connect-option{border-color:#ebe0da;background:#fff}
.social-connect-option:hover{border-color:#f3b58c;box-shadow:0 14px 30px rgba(234,88,12,.11)}
.mobile-nav{border-color:#f0d8c9;box-shadow:0 18px 48px rgba(74,40,18,.17)}
.mobile-nav a.active{background:linear-gradient(145deg,#fff0e5,#ffe4d1)}

@media (max-width:900px){
  .dash-head{min-height:140px;padding:24px;border-radius:21px}
  .app-shell:before{left:0}
}
@media (max-width:680px){
  body:not(.app-shell)>.topbar{
    top:7px;
    width:calc(100% - 20px);
    height:60px;
    margin-top:7px;
    padding-inline:12px;
    border-radius:17px;
  }
  .hero{padding-top:36px}
  .hero:after{inset:1% 8px 3%;border-radius:28px}
  .hero-copy{padding-left:0}
  .trust-row span{width:100%}
  .logo-strip{margin-top:8px}
  .section{padding-block:68px}
  .faq-list details{padding:17px 18px}
  .dash-head{min-height:0;padding:22px 20px;border-radius:19px}
  .dash-head h1{font-size:26px}
  .dash-head>.button{width:100%}
  .modal-head{margin:-20px -16px 0;padding:18px 16px 13px}
}

/* Final readability overrides — keep after every theme layer */
.app-shell{font-size:16px;line-height:1.7;color:#243044}
.sidebar nav a{font-size:16px;min-height:48px;font-weight:700;letter-spacing:0}.sidebar .nav-label{font-size:12px;font-weight:800}
.sidebar-user strong,.sidebar-upgrade b{font-size:14px}.sidebar-user small,.sidebar-upgrade small,.sidebar-upgrade a{font-size:12px}
.topbar-search small{font-size:14px}.dash-head h1{font-size:36px}.dash-head p{font-size:16px;max-width:760px}
.panel h2,.modal-head h2{font-size:20px}.panel p,.connection-head p,.connection-row small{font-size:14px}
.hint,.error-text,.panel-head a{font-size:14px}th,td{font-size:15px}th{font-size:13px}.pill{font-size:13px}
.form label,dialog label,.connect-form label,.provider-key-picker{font-size:15px;font-weight:700}
.form input,.form select,dialog input,dialog select,.dialog-wide textarea{font-size:16px;min-height:48px}
.dialog-wide legend{font-size:16px}.choice-card b{font-size:15px}.choice-card small{font-size:13px}
.provider-guide-card>p,.provider-capability span,.credential-guide ol,.credential-notice,.credential-guide details{font-size:13px}
.provider-capability b,.provider-guide-actions a,.credential-guide-head small,.credential-guide-links .button{font-size:12px}
.connect-provider-head small,.provider-quota-grid small,.provider-quota-grid span,.social-connect-option small{font-size:12px}
.table-panel{overflow-x:auto}.table-panel table{min-width:850px}.table-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.table-actions form{margin:0}

/* Credential row actions */
.credential-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.credential-row-actions form{margin:0}
.credential-delete-button{min-height:40px;padding:8px 14px;border:1px solid #fecaca;border-radius:11px;background:#fff7f7;color:#c62828;font:800 13px "Manrope","Noto Sans Thai",sans-serif;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.credential-delete-button:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:translateY(-1px)}
.credential-linked-count{display:block;margin-top:4px;color:#7b8496;font-size:12px;font-weight:700}
@media(max-width:700px){.credential-row-actions{align-items:stretch;flex-direction:column}.credential-row-actions .button,.credential-delete-button{width:100%;justify-content:center}.credential-table table{min-width:760px}}
.status-filters{display:flex;gap:8px;overflow:auto;padding:4px 0 14px;scrollbar-width:thin}.status-filters a{white-space:nowrap;padding:9px 14px;border:1px solid #eaded5;border-radius:999px;background:#fff;color:#596579;font-weight:700;font-size:14px}.status-filters a.active{background:#f97316;border-color:#f97316;color:#fff}
.status-provider_processing{background:#fff3d6!important;color:#9a6500!important}.status-published{background:#e7f8ef!important;color:#0c8151!important}.status-failed{background:#fff0f0!important;color:#c53a3a!important}
.api-key-reveal{border-color:#f97316;background:linear-gradient(135deg,#fff7ed,#fff)}.api-key-reveal code{display:block;overflow-wrap:anywhere;margin:14px 0;padding:16px;border-radius:14px;background:#172033;color:#ffbf8d;font-size:15px}
.api-key-list{display:grid;gap:10px}.api-key-list article{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px;border:1px solid #eee2da;border-radius:16px}.api-key-list article div{display:grid;gap:3px}.api-key-list code{font-size:14px;color:#d9550b}.api-docs pre{overflow:auto;padding:16px;border-radius:14px;background:#172033;color:#e9f0ff;font-size:14px;line-height:1.65}.api-docs code{font-family:Consolas,monospace}
@media(max-width:760px){.app-shell{font-size:16px}.dash-head h1{font-size:30px}.dash-head p{font-size:16px}.sidebar nav a{font-size:16px}.panel{padding:18px}.api-key-list article{align-items:flex-start}.status-filters{margin-inline:-4px}.mobile-nav span{font-size:12px}}
@media(max-width:420px){body:not(.app-shell) .hero h1{font-size:36px;line-height:1.12;letter-spacing:-.035em}}

/* Composer v2 — quiet, social-aware and responsive */
body{font-family:"Noto Sans Thai","Noto Sans Lao","Manrope",sans-serif}
.language-switcher{margin-left:auto}
.language-switcher label{display:flex;align-items:center;gap:7px;color:#697386;font-size:12px}
.language-switcher select{height:38px;border:1px solid #e1e5eb;border-radius:10px;background:#fff;padding:0 30px 0 10px;color:#273246;font-weight:700}
.post-composer{width:min(1220px,calc(100% - 28px));max-height:94vh;border-radius:24px;background:#f6f7f9}
.post-composer>form{max-height:94vh;overflow:auto;padding:0;gap:0}
.required-mark{display:inline!important;color:#e53e3e!important;font-style:normal!important;font-weight:900!important;margin:0 3px!important}
.is-required-field>.required-mark{vertical-align:top}
.bulk-post-dialog{width:min(1100px,calc(100% - 28px));max-height:94vh;border-radius:24px;background:#f6f7f9}
.bulk-post-dialog>form{max-height:94vh;overflow:auto;padding:0;gap:0}
.bulk-composer-body{padding-bottom:8px}
.bulk-social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.bulk-social-card{position:relative;min-height:78px;display:flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;margin:0!important;padding:11px;border:1px solid #e3e7ed;border-radius:14px;background:#fff;cursor:pointer}
.bulk-social-card>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}
.bulk-social-card>.social-brand{width:42px;height:42px;flex:0 0 42px}.bulk-social-card>b{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.bulk-social-card>i{margin-left:auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf0f4;color:transparent;font-style:normal;font-weight:900}
.bulk-social-card:has(input:checked){border-color:#ff9658;background:#fff7f1;box-shadow:0 0 0 2px #ffe5d4}.bulk-social-card:has(input:checked)>i{background:#f97316;color:#fff}
.bulk-social-card>span:nth-of-type(2){display:grid;min-width:0}.bulk-social-card>span:nth-of-type(2)>b{font-size:13px}.bulk-social-card>span:nth-of-type(2)>small{font-size:10px;color:#7d8594}
.bulk-social-card.is-unconnected{background:#f8f9fb;border-style:dashed;cursor:not-allowed;opacity:.68}.bulk-social-card.is-unconnected>i{color:#9ca3af}
.bulk-defaults-note{display:flex;align-items:center;gap:10px;margin-top:11px;padding:10px 12px;border-radius:11px;background:#eef9f4;color:#28765a;font-size:12px}.bulk-defaults-note span{color:#5b766b}
.bulk-network-required,.bulk-tiktok-consent{margin-top:10px;padding:13px;border:1px solid #ffd3b8;border-radius:12px;background:#fff9f5}
.bulk-network-required[hidden],.bulk-tiktok-consent[hidden]{display:none!important}.bulk-network-required label{margin:0!important}
.bulk-tiktok-consent{display:flex;align-items:center;gap:16px}.bulk-tiktok-consent strong{margin-right:auto}.bulk-tiktok-consent label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;margin:0!important;font-size:12px}.bulk-tiktok-consent input{width:19px!important;min-height:19px!important;accent-color:#f97316}
.bulk-row-heading{align-items:center}.bulk-row-heading>button{margin-left:auto}
.bulk-post-rows{display:grid;gap:12px}.bulk-post-row{border:1px solid #e2e6ec;border-radius:15px;background:#fbfcfd;overflow:hidden}
.bulk-post-row>header{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border-bottom:1px solid #e7eaf0;background:#fff}.bulk-post-row>header b{font-size:13px}.bulk-post-row>header button{border:0;background:#fff1f1;color:#c63c3c;border-radius:8px;padding:6px 9px;font-weight:800}
.bulk-post-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.bulk-post-fields>label{margin:0!important}.bulk-post-fields>label:has(textarea){grid-column:1/-1}
.bulk-media-field{grid-column:1/-1}.bulk-media-field>small{color:#7b8495}.bulk-media-field select{width:100%;min-height:106px;padding:7px}
.bulk-media-preview{grid-column:1/-1;display:flex;gap:8px;overflow:auto;min-height:78px;padding:8px;border:1px dashed #dfe3e9;border-radius:11px;background:#fff}.bulk-media-preview>small{margin:auto;color:#7c8596}
.bulk-preview-item{position:relative;flex:0 0 112px;min-width:0;overflow:hidden;border:1px solid #e4e7ec;border-radius:10px;background:#f7f8fa}.bulk-preview-item>img,.bulk-preview-item>video,.bulk-preview-item>b{display:grid;width:100%;height:72px;object-fit:cover;place-items:center;background:#eef1f4}.bulk-preview-item>small{display:block;padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.bulk-preview-item>i{position:absolute;left:7px;top:7px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:rgba(17,24,39,.75);color:#fff;font-size:9px;font-style:normal}
.campaign-schedule-dialog{width:min(760px,calc(100% - 28px))}
.campaign-schedule-dialog .modal-head p{margin:3px 0 0;color:#7b8495;font-size:12px}
.one-post-per-run-note{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #bfe7d4;border-radius:12px;background:#effaf5;color:#247454}.one-post-per-run-note b{padding:5px 9px;border-radius:8px;background:#fff;font-size:12px}.one-post-per-run-note span{font-size:12px;color:#557267}
.campaign-schedule-dialog [data-schedule-field][hidden]{display:none!important}
.schedule-days-field{grid-column:1/-1;margin:0!important}.schedule-days-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.schedule-days-grid label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:7px!important;margin:0!important;padding:8px 9px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;cursor:pointer}.schedule-days-grid input{width:18px!important;min-height:18px!important;accent-color:#f97316}.schedule-days-grid label:has(input:checked){border-color:#ff9a5d;background:#fff5ee}.schedule-days-grid span{font-size:12px}
.composer-modal-head{position:sticky;top:0;z-index:8;margin:0!important;padding:22px 26px;background:rgba(255,255,255,.96);border-bottom:1px solid #e8ebf0;backdrop-filter:blur(14px)}
.composer-modal-head h2{font-size:23px;margin:1px 0 0}
.composer-modal-head p{margin:2px 0 0!important}
.composer-kicker{color:#ed681b;font:800 11px "Manrope";letter-spacing:.14em}
.composer-section{margin:16px 18px 0;padding:19px;border:1px solid #e5e8ed;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(28,39,60,.035)}
.composer-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.composer-section-head>span{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#fff0e6;color:#ef650f;font:800 13px "Manrope"}
.composer-section-head>div{min-width:0}.composer-section-head h3{margin:0;font-size:17px;line-height:1.35}.composer-section-head p{margin:2px 0 0;color:#788195;font-size:13px;line-height:1.55}
.composer-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);align-items:start}
.composer-primary .composer-section{margin-right:8px}.composer-specific .composer-section{margin-left:8px}
.social-composer-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px;gap:9px}
.social-target-choice{position:relative;min-height:74px;padding:11px!important;align-items:center!important}
.social-target-choice>input{position:absolute;opacity:0;pointer-events:none}
.social-target-choice>.social-brand{width:42px;height:42px;flex-basis:42px;order:0}
.social-target-choice>span:nth-of-type(2){order:1;flex:1}.social-target-choice .target-check{order:2;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:transparent;font-style:normal}
.social-target-choice:has(input:checked) .target-check{background:#f97316;color:#fff}
.social-target-choice:has(input:checked){border-color:#ff9c60;background:#fff8f3;box-shadow:0 0 0 2px #ffeadc}
.composer-primary label{margin-top:13px}.composer-primary label:first-of-type{margin-top:0}
.composer-primary textarea{width:100%;border:1px solid #dfe3ea;border-radius:13px;padding:13px 14px;resize:vertical;font:inherit;background:#fbfcfd}
.composer-dropzone{min-height:94px!important;margin:0!important;padding:15px 17px;border:1.5px dashed #ffb586;border-radius:15px;background:#fff8f3;display:flex!important;grid-template-columns:none!important;align-items:center;gap:13px!important;cursor:pointer;transition:.18s}
.composer-dropzone:hover,.composer-dropzone.is-dragging{border-color:#f2640e;background:#fff1e6;transform:translateY(-1px)}
.composer-dropzone>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}
.composer-dropzone>i{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#f97316;color:#fff;font:800 21px "Manrope"}
.composer-dropzone>span{display:grid;flex:1}.composer-dropzone>span b{font-size:14px}.composer-dropzone>span small{color:#7d8595;font-size:12px}
.composer-dropzone>em{padding:8px 12px;border-radius:10px;background:#fff;color:#e45d0d;border:1px solid #ffd0b2;font-style:normal;font-size:12px;font-weight:800}
.composer-upload-progress{position:relative;height:28px;margin-top:10px;border-radius:10px;background:#eef1f5;overflow:hidden}
.composer-upload-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a3d,#f45b08);transition:.2s}
.composer-upload-progress small{position:absolute;inset:0;display:grid;place-items:center;color:#263248;font-size:11px;font-weight:800}
.media-upload-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;border:1px solid #e4e8ee;border-radius:12px;background:#f8fafc;color:#687386}
.media-upload-status b{font-size:13px;color:#313d51}.media-upload-status small{font-size:11px}
.media-upload-status.is-added{border-color:#bde8d2;background:#effbf5}.media-upload-status.is-added b,.media-upload-status.is-added small{color:#08784c}
.media-upload-status.is-invalid{border-color:#ffc3c3;background:#fff4f4}.media-upload-status.is-invalid b,.media-upload-status.is-invalid small{color:#c93636}
.media-thumbnail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:330px;overflow:auto;margin-top:12px;padding:2px}
.media-select-card{position:relative;display:block!important;min-width:0;border:1px solid #e5e8ed;border-radius:13px;overflow:hidden;background:#fff;cursor:pointer}
.media-select-card>input{position:absolute!important;opacity:0;width:1px!important;height:1px!important}
.media-select-card>img,.media-select-card>video{display:block;width:100%;height:92px;object-fit:cover;background:#e9edf2}
.media-select-card>.video-badge{position:absolute;left:8px;top:8px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(17,24,39,.78);color:#fff;font-size:11px}
.document-preview{width:100%;height:112px;display:grid;place-items:center;background:linear-gradient(145deg,#fff4ec,#ffe0cb);color:#df5a0c;font:900 18px "Manrope",sans-serif;letter-spacing:.08em}
.media-thumb>.document-preview{height:100%;border-radius:9px}
.media-select-meta{display:grid;padding:8px 9px}.media-select-meta b,.media-select-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-select-meta b{font-size:12px}.media-select-meta small{font-size:11px;color:#7e8798}
.media-added-badge{position:absolute;left:7px;bottom:49px;display:none;padding:4px 7px;border-radius:999px;background:#0c9b62;color:#fff;font-size:10px;font-weight:900;box-shadow:0 3px 10px rgba(8,107,67,.22)}
.media-select-card>i{position:absolute;right:7px;top:7px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#fff;color:transparent;border:1px solid #dfe3e9;font-style:normal;font-weight:800}
.media-select-card:has(input:checked){border-color:#f97316;box-shadow:0 0 0 2px #ffe4d2}.media-select-card:has(input:checked)>i{background:#f97316;border-color:#f97316;color:#fff}.media-select-card:has(input:checked)>.media-added-badge{display:block}
.media-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
.media-rule-list>span{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:9px 11px;border:1px solid #e6e9ee;border-radius:11px;background:#fbfcfd}
.media-rule-list b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-rule-list small{font-size:11px;color:#e55d0d;font-weight:800;text-align:right}.media-rule-list>p{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:11px;background:#f7f8fa;color:#7d8595;font-size:12px}
.media-thumb{position:relative;overflow:hidden}.media-thumb img,.media-thumb video{width:100%;height:100%;display:block;object-fit:cover}.media-thumb>i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(20,27,39,.75);color:#fff;font-style:normal;font-size:13px}
.platform-panels{display:grid;gap:10px}.platform-empty{padding:34px 18px;text-align:center;border:1px dashed #dfe3e9;border-radius:14px;color:#7b8495;background:#fafbfc}
.platform-settings-card{border:1px solid #e3e7ec;border-radius:15px;padding:14px;background:#fbfcfd}
.platform-settings-card[hidden]{display:none!important}.platform-settings-card header{display:flex;align-items:center;gap:10px;margin-bottom:13px}
[data-provider-field][hidden]{display:none!important}
[data-post-types][hidden]{display:none!important}
.platform-settings-card header .social-brand{width:39px;height:39px;flex-basis:39px;border-radius:11px}.platform-settings-card header>div{display:grid;flex:1}.platform-settings-card header b{font-size:15px}.platform-settings-card header small{font-size:11px;color:#7d8595}.platform-ready{font-size:10px;color:#158254;background:#e8f8f0;padding:5px 8px;border-radius:999px;font-weight:800}
.platform-settings-card>label{margin:0}.platform-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.platform-fields>label{margin:0!important;font-size:13px!important}.platform-fields>label:has(textarea),.platform-fields>.toggle-grid{grid-column:1/-1}
.composer-simple-settings{position:sticky;top:96px}
.platform-quick-format{display:grid;gap:7px;padding:11px 12px;border:1px solid #dcefe5;border-radius:12px;background:linear-gradient(145deg,#f5fcf8,#fff)}
.platform-quick-format>label{margin:0!important;font-size:13px}.platform-quick-format>p{margin:0;color:#5e7569;font-size:11px;line-height:1.45}
.composer-advanced-options{margin-top:10px;border:1px solid #e4e8ee;border-radius:12px;background:#fff;overflow:hidden}
.composer-advanced-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;cursor:pointer;color:#3b4659;font-weight:800;list-style:none}
.composer-advanced-options>summary::-webkit-details-marker{display:none}.composer-advanced-options>summary:after{content:'＋';width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff0e6;color:#e85e0b}
.composer-advanced-options[open]>summary:after{content:'−'}.composer-advanced-options>summary small{margin-left:auto;color:#8a92a1;font-size:10px;font-weight:600}
.composer-advanced-options>.social-live-preview,.composer-advanced-options>.platform-fields{margin:0 11px 11px}.composer-advanced-options>.social-live-preview{margin-top:2px}
.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.toggle-field{min-height:44px!important;display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px!important;padding:8px 10px;border:1px solid #e5e8ed;border-radius:11px;background:#fff}
.toggle-field input{width:19px!important;min-height:19px!important;height:19px;accent-color:#f97316}.toggle-field span{font-size:12px}
.composer-footer{position:sticky;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:14px 22px;border-top:1px solid #e4e7ec;background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
.composer-footer>div{display:grid}.composer-footer b{font-size:14px}.composer-footer small{font-size:12px;color:#7b8495}.composer-footer .button{min-width:270px;min-height:48px}
@media(max-width:1050px){.social-composer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-two-column{grid-template-columns:1fr}.composer-primary .composer-section,.composer-specific .composer-section{margin-inline:18px}.composer-specific .composer-section{margin-top:16px}.composer-simple-settings{position:static}.media-thumbnail-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:760px){.app-topbar nav form.language-switcher{display:block;margin-left:0}.language-switcher label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.language-switcher select{width:70px;height:38px;padding:0 24px 0 8px;font-size:12px}.post-composer{width:100%;max-height:100dvh;border-radius:0}.post-composer>form{max-height:100dvh}.composer-modal-head{padding:17px 16px}.composer-section,.composer-primary .composer-section,.composer-specific .composer-section{margin:11px 10px 0;padding:15px}.social-composer-grid{grid-template-columns:1fr;max-height:310px}.composer-two-column{display:block}.media-thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.media-rule-list{grid-template-columns:1fr}.media-upload-status{align-items:flex-start;flex-direction:column;gap:2px}.platform-fields{grid-template-columns:1fr}.platform-fields>label,.platform-fields>.toggle-grid{grid-column:1}.toggle-grid{grid-template-columns:1fr}.composer-advanced-options>summary small{display:none}.composer-footer{padding:11px 12px calc(11px + env(safe-area-inset-bottom))}.composer-footer .button{min-width:0;flex:1}.composer-footer>div{display:none}}
@media(max-width:900px){.bulk-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.bulk-post-dialog{width:100%;max-height:100dvh;border-radius:0}.bulk-post-dialog>form{max-height:100dvh}.bulk-post-dialog .composer-section{margin:11px 10px 0;padding:15px}.bulk-social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-social-card{min-height:68px;padding:9px}.bulk-social-card>.social-brand{width:37px;height:37px;flex-basis:37px}.bulk-defaults-note,.bulk-tiktok-consent{align-items:flex-start;flex-direction:column}.bulk-tiktok-consent{gap:9px}.bulk-post-fields{grid-template-columns:1fr}.bulk-post-fields>label,.bulk-media-field{grid-column:1}.bulk-row-heading{flex-wrap:wrap}.bulk-row-heading>button{width:100%;margin:8px 0 0}}

/* Step-by-step composer */
.composer-wizard{--wizard-accent:#ff6a00;--wizard-soft:#fff3e9}
.composer-wizard .composer-two-column,.composer-wizard .composer-primary,.composer-wizard .composer-specific{display:contents}
.composer-wizard-progress{position:sticky;top:94px;z-index:7;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 18px;border-bottom:1px solid #eceff3;background:rgba(246,247,249,.96);backdrop-filter:blur(12px)}
.composer-wizard-progress button{position:relative;min-height:54px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e2e6ec;border-radius:14px;background:#fff;color:#7a8495;text-align:left;font:800 13px "Manrope","Noto Sans Thai",sans-serif;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}
.composer-wizard-progress button:not(:disabled):hover{transform:translateY(-1px);border-color:#ffb17b}
.composer-wizard-progress button:disabled{cursor:not-allowed;opacity:.58}
.composer-wizard-progress button b{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:10px;background:#f1f3f6;color:#737d8d}
.composer-wizard-progress button.is-active{border-color:#ff8a3c;background:linear-gradient(145deg,#fff9f5,#fff1e7);color:#c84b00;box-shadow:0 9px 22px rgba(255,106,0,.11)}
.composer-wizard-progress button.is-active b{background:linear-gradient(145deg,#ff8a37,#f25800);color:#fff}
.composer-wizard-progress button.is-complete:not(.is-active){border-color:#bde8d4;color:#237354;background:#f5fcf8}
.composer-wizard-progress button.is-complete:not(.is-active) b{background:#daf4e7;color:#18764e}
.composer-wizard-step{width:min(920px,calc(100% - 36px));min-height:430px;margin:18px auto 0!important;animation:composer-step-in .22s ease both}
.composer-wizard-step[hidden]{display:none!important}
.composer-wizard-step.is-active{display:block}
@keyframes composer-step-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}
.composer-wizard .social-composer-grid{max-height:none;overflow:visible}
.composer-wizard .social-platform-choice{min-height:82px;border-radius:16px;transition:transform .18s,border-color .18s,box-shadow .18s}
.composer-wizard .social-platform-choice:hover{transform:translateY(-2px)}
.composer-wizard .social-platform-choice.is-selected{border-color:#ff7a25;background:linear-gradient(145deg,#fff9f5,#fff0e5);box-shadow:0 10px 24px rgba(255,106,0,.1)}
.composer-step-tip{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 13px;border:1px solid #dbe7f6;border-radius:12px;background:#f6faff;color:#607089;font-size:12px;line-height:1.5}
.composer-step-tip b{color:#2d4c73;white-space:nowrap}
.media-library-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid #e3e8ef;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafc)}
.media-library-actions small{color:#758096;font-size:11px;line-height:1.45;text-align:right}
.composer-library-open{min-height:46px!important;min-width:210px!important;color:#d95508!important;border-color:#ffc89f!important;background:#fff7f1!important}
.selected-media-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-height:72px;margin-top:10px}
.selected-media-preview>p{grid-column:1/-1;display:grid;place-items:center;min-height:70px;margin:0;border:1px dashed #dce2e9;border-radius:13px;background:#fafbfc;color:#8a93a3;font-size:12px}
.selected-media-item{position:relative;min-width:0;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:8px;border:1px solid #dfe5ec;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(34,43,57,.05)}
.selected-media-visual{position:relative;width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#fff1e7,#ffe0cb);color:#d7580d}
.selected-media-visual :is(img,video){width:100%;height:100%;object-fit:cover}.selected-media-visual>i{position:absolute;display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(17,24,39,.72);color:#fff;font-size:9px;font-style:normal}
.selected-media-visual>b{font-size:11px;letter-spacing:.05em}.selected-media-item>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#394457;font-size:11px;font-weight:800}
.selected-media-item>button{width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:9px;background:#fff0f0;color:#d83c3c;font-size:18px;cursor:pointer}
.composer-library-picker{margin-top:11px;border:1px solid #ffc89f;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 14px 35px rgba(104,54,20,.12);animation:composer-step-in .18s ease both}
.composer-library-picker[hidden]{display:none!important}
.composer-library-picker>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #eceff3;background:rgba(255,255,255,.97);backdrop-filter:blur(10px)}
.composer-library-picker>header>div{display:grid;gap:2px}.composer-library-picker>header b{font-size:14px}.composer-library-picker>header small{color:#7b8597;font-size:11px}.composer-library-picker>header>button{width:36px;height:36px;min-height:36px;border:0;border-radius:11px;background:#fff1e7;color:#d95508;font-size:20px;cursor:pointer}
.composer-library-picker>.media-thumbnail-grid{max-height:330px;margin:0;padding:12px;overscroll-behavior:contain}
.composer-library-picker>footer{display:flex;justify-content:flex-end;padding:11px 13px;border-top:1px solid #eceff3;background:#fff}.composer-library-picker>footer .button{min-width:180px}
.composer-wizard .composer-simple-settings{position:static;max-height:none;overflow:visible}
.composer-wizard-footer{min-height:76px;margin-top:18px}
.composer-wizard-footer .composer-wizard-back{min-width:150px;color:#6e584a;background:#fff}
.composer-wizard-footer .composer-wizard-next,.composer-wizard-footer .composer-submit{background:linear-gradient(135deg,#ff8b38,#f45b00);box-shadow:0 11px 24px rgba(242,91,0,.2)}
.composer-wizard-footer .composer-wizard-next:disabled,.composer-wizard-footer .composer-submit:disabled{box-shadow:none}
.composer-wizard-footer [hidden]{display:none!important}
.composer-wizard :is(input,select,textarea,button){font-size:max(16px,1em)}
body:has(.post-composer[open]){overflow:hidden!important}

@media(max-width:760px){
  .post-composer{inset:0;width:100vw!important;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;overflow:hidden}
  .post-composer>form{height:100dvh;max-height:100dvh;overscroll-behavior:contain;padding-bottom:0}
  .composer-modal-head{position:sticky;top:0;min-height:78px;padding:12px 14px;z-index:10}
  .composer-modal-head .composer-kicker,.composer-modal-head p{display:none}
  .composer-modal-head h2{font-size:20px;line-height:1.25}
  .composer-modal-head>button{width:44px;height:44px;min-height:44px}
  .composer-wizard-progress{top:78px;grid-template-columns:repeat(5,minmax(74px,1fr));gap:5px;padding:8px;overflow-x:auto;scrollbar-width:none}
  .composer-wizard-progress::-webkit-scrollbar{display:none}
  .composer-wizard-progress button{min-height:58px;justify-content:center;display:grid;gap:3px;padding:6px 4px;text-align:center;font-size:10px;white-space:nowrap}
  .composer-wizard-progress button b{width:27px;height:27px;margin:auto;border-radius:9px;font-size:11px}
  .composer-wizard-step,.composer-wizard .composer-primary .composer-section,.composer-wizard .composer-specific .composer-section{width:auto;min-height:0;margin:10px 10px 96px!important;padding:15px 13px}
  .composer-wizard-step .composer-section-head{gap:9px;margin-bottom:13px}
  .composer-wizard-step .composer-section-head>span{width:28px;height:28px;flex-basis:28px}
  .composer-wizard-step .composer-section-head h3{font-size:16px}
  .composer-wizard-step .composer-section-head p{font-size:12px}
  .composer-wizard .social-composer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:none!important;overflow:visible}
  .composer-wizard .social-platform-choice{min-height:94px;padding:0!important}
  .composer-wizard .social-platform-head{height:100%;min-height:94px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:4px;padding:8px!important;text-align:center}
  .composer-wizard .social-platform-head>.social-brand{width:36px;height:36px;grid-row:auto}
  .composer-wizard .social-platform-head span:nth-of-type(2){width:100%;min-width:0}
  .composer-wizard .social-platform-head b{font-size:12px;line-height:1.2;overflow-wrap:normal;word-break:normal}
  .composer-wizard .social-platform-head small{display:none}
  .composer-wizard .target-check{position:absolute;right:8px;top:8px}
  .composer-step-tip{display:grid;gap:2px}.composer-step-tip b{white-space:normal}
  .media-library-actions{align-items:stretch;flex-direction:column;padding:10px}.media-library-actions small{text-align:left}.composer-library-open{width:100%;min-width:0!important}
  .selected-media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-media-item{grid-template-columns:44px minmax(0,1fr) 28px;padding:7px}.selected-media-visual{width:44px;height:44px}
  .composer-library-picker>.media-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:44vh;padding:9px}.composer-library-picker>header{padding:10px}.composer-library-picker>footer{position:sticky;bottom:0;padding:9px}.composer-library-picker>footer .button{width:100%;min-width:0}
  .composer-wizard .composer-dropzone{min-height:126px;grid-template-columns:42px 1fr;padding:14px}
  .composer-wizard .composer-dropzone em{grid-column:1/-1;width:100%;min-height:44px;display:grid;place-items:center}
  .composer-wizard .media-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .composer-wizard .platform-settings-card{padding:11px}
  .composer-wizard .platform-settings-card>header{grid-template-columns:42px 1fr}.composer-wizard .platform-ready{display:none}
  .composer-wizard-footer{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:minmax(110px,.45fr) minmax(0,1fr);gap:8px;min-height:74px;margin-top:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -12px 30px rgba(39,28,21,.1)}
  .composer-wizard-footer>div{display:none}
  .composer-wizard-footer .button{width:100%;min-width:0;min-height:50px;margin:0}
  .composer-wizard[data-wizard-current="1"] .composer-wizard-footer{grid-template-columns:1fr}
  .composer-wizard[data-wizard-current="1"] .composer-wizard-next{grid-column:1/-1}
  .composer-wizard-footer [hidden]{display:none!important}
}

@media(max-width:390px){
  .composer-wizard .social-composer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .composer-wizard .social-platform-choice,.composer-wizard .social-platform-head{min-height:90px}
  .composer-wizard .media-thumbnail-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){.campaign-schedule-dialog{width:calc(100% - 16px)}.one-post-per-run-note{align-items:flex-start;flex-direction:column}.schedule-days-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Social-first composer: one card per network, provider routes expand only after selection. */
.social-platform-choice{border:1px solid #e6e9ef;border-radius:15px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s,background .18s}
.social-platform-choice.is-selected{border-color:#ff9b5e;background:#fffaf6;box-shadow:0 0 0 2px #ffeadc,0 10px 24px rgba(249,115,22,.08)}
.social-platform-head{display:flex!important;align-items:center;gap:11px;padding:13px;margin:0!important;cursor:pointer}
.social-platform-head>input{position:absolute;width:1px!important;height:1px!important;margin:0!important;opacity:0;pointer-events:none}
.social-platform-head>.social-brand{width:44px;height:44px;flex:0 0 44px;border-radius:12px}
.social-platform-head>span:nth-of-type(2){display:grid;min-width:0;flex:1}
.social-platform-head b{font-size:15px;line-height:1.35}
.social-platform-head small{font-size:11px;color:#7b8495;font-weight:600}
.social-platform-head .target-check{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:transparent;font-style:normal;font-weight:900}
.social-platform-choice.is-selected .social-platform-head .target-check{background:#f97316;color:#fff}
.social-platform-choice.is-unconnected{background:#f8f9fb;border-style:dashed}.social-platform-choice.is-unconnected .social-platform-head{cursor:default;opacity:.7}.social-platform-choice.is-unconnected .target-check{color:#9ca3af}
.social-connect-link{display:flex;justify-content:center;margin:0 12px 12px;padding:8px 10px;border-radius:10px;background:#fff;color:#d7550b;font-size:11px;font-weight:800;text-decoration:none}.social-connect-link:hover{background:#fff1e7}
.social-live-preview{margin:0 0 14px;padding:13px;border:1px solid #e5e8ee;border-radius:14px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 8px 24px rgba(26,34,50,.06)}
.social-live-preview-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.social-live-preview-head>.social-brand{width:34px;height:34px;flex:0 0 34px;border-radius:10px}.social-live-preview-head>div{display:grid;flex:1}.social-live-preview-head b{font-size:13px}.social-live-preview-head small{font-size:10px;color:#7d8594}.social-live-preview-head em{font-size:9px;font-style:normal;font-weight:800;color:#c65312;background:#fff0e5;padding:5px 7px;border-radius:999px}
.social-live-preview-media{min-height:82px;display:grid;place-items:center;margin-bottom:10px;border-radius:11px;overflow:hidden;background:#eef1f5;color:#87909f;font-size:11px}.social-live-preview-media img,.social-live-preview-media video{width:100%;height:150px;object-fit:cover;display:block}
.social-live-preview>strong{display:block;font-size:14px;color:#202839;margin-bottom:5px}.social-live-preview>p{margin:0;color:#596274;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.social-live-preview>footer{display:flex;gap:14px;margin-top:10px;padding-top:9px;border-top:1px solid #eceef2;color:#818999;font-size:10px}
.social-route-picker{padding:0 11px 11px;border-top:1px dashed #ffd1b4}
.social-route-picker[hidden]{display:none!important}
.social-route-picker>strong{display:block;padding:10px 2px 7px;font-size:11px;color:#8a5a3b}
.social-route-option{display:flex!important;align-items:center;gap:9px;margin:0 0 7px!important;padding:9px 10px;border:1px solid #ebeef3;border-radius:10px;background:#fff;cursor:pointer}
.social-route-option:last-child{margin-bottom:0!important}
.social-route-option>input{width:17px!important;height:17px;margin:0!important;accent-color:#f97316}
.social-route-option>span{display:grid;min-width:0;flex:1}
.social-route-option b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.social-route-option small{font-size:10px;color:#7b8495}
.social-route-option em{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#eef1f5;color:transparent;font-style:normal;font-size:11px}
.social-route-option:has(input:checked){border-color:#ffb589;background:#fff5ee}
.social-route-option:has(input:checked) em{background:#f97316;color:#fff}
@media(max-width:760px){.social-platform-head{padding:12px}.social-route-option{padding:10px}.social-route-picker{padding-inline:10px}}
@media(max-width:760px){.social-live-preview-media img,.social-live-preview-media video{height:130px}.social-live-preview-head em{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Credentials: compact operational cards; provider marketing lives in the add modal only. */
.credential-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.credential-card{position:relative;overflow:hidden;padding:20px;border-top:3px solid #f97316}
.credential-card.provider-upload-post{border-top-color:#7c5cff}.credential-card.provider-postproxy{border-top-color:#3182f6}.credential-card.provider-buffer{border-top-color:#1b9b63}
.credential-card:after{content:"";position:absolute;right:-55px;top:-65px;width:145px;height:145px;border-radius:50%;background:#f97316;opacity:.045;pointer-events:none}
.credential-card.provider-upload-post:after{background:#7c5cff}.credential-card.provider-postproxy:after{background:#3182f6}.credential-card.provider-buffer:after{background:#1b9b63}
.credential-card>header{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.credential-card>header>div{display:grid;min-width:0;flex:1}
.credential-card>header small{color:#7a8394;font-size:11px;font-weight:800}
.credential-card>header h2{margin:1px 0 0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.credential-card>header>.pill{flex:0 0 auto}
.credential-metrics{display:grid;grid-template-columns:.75fr .9fr 1.35fr;gap:8px;margin:17px 0}
.credential-metrics>div{display:grid;align-content:center;min-height:76px;padding:11px 12px;border:1px solid #e8ebf0;border-radius:12px;background:#fafbfc}
.credential-metrics small{color:#818a9b;font-size:10px;font-weight:700}
.credential-metrics strong{margin-top:3px;color:#273144;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.credential-card-error{margin:0 0 14px;padding:10px 12px;border:1px solid #fed7aa;border-radius:10px;background:#fff7ed;color:#9a3412;font-size:11px;line-height:1.55}
.credential-card>header .provider-guide-mark{background:#f97316;color:#fff}.credential-card.provider-upload-post>header .provider-guide-mark{background:#7c5cff}.credential-card.provider-postproxy>header .provider-guide-mark{background:#3182f6}.credential-card.provider-buffer>header .provider-guide-mark{background:#1b9b63}
.credential-card>footer{display:flex;grid-template-columns:none;align-items:center;justify-content:flex-end;gap:9px;margin:0;padding:14px 0 0;border-top:1px solid #edf0f4;background:transparent;color:inherit}
.credential-card>footer form{margin:0}.credential-card>footer .button,.credential-card>footer .credential-delete-button{min-height:42px}
@media(max-width:1000px){.credential-list{grid-template-columns:1fr}}
@media(max-width:600px){.credential-card{padding:16px}.credential-card>header{align-items:flex-start}.credential-metrics{grid-template-columns:1fr 1fr}.credential-metrics>div:last-child{grid-column:1/-1}.credential-card>footer{align-items:stretch;flex-direction:column}.credential-card>footer form,.credential-card>footer button{width:100%}}
@media(max-width:420px){.media-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-dropzone>em{display:none}}

/* Brand mark: reference-style folded A used consistently across web and PWA. */
.brand .brand-mark{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:block;
  object-fit:cover;
  border-radius:11px;
  background:#070b1c;
  box-shadow:0 8px 20px rgba(7,11,28,.18);
}
.brand .brand-title{
  display:flex;
  align-items:baseline;
  gap:5px;
  font:800 19px "Manrope",sans-serif;
  white-space:nowrap;
}
.sidebar .brand .brand-mark{
  width:42px;
  height:42px;
  flex-basis:42px;
  border-radius:13px;
  box-shadow:0 9px 22px rgba(7,11,28,.2);
}
footer .brand .brand-mark{width:42px;height:42px;flex-basis:42px}
@media(max-width:900px){
  .app-topbar>.brand .brand-mark{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  .app-topbar>.brand .brand-title{font-size:16px}
}
@media(max-width:680px){
  .app-topbar>.brand .brand-title{display:none}
}

/* Provider-owned Social connections and explicit Facebook Page selection. */
.managed-meta-card .connection-head>div:nth-child(2){min-width:0;flex:1}
.managed-meta-card .connection-head small{display:block;margin-top:7px;color:#8a6550;line-height:1.55}
.provider-external-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border-radius:999px;background:#fff1e7;color:#d9570c;font-size:11px;font-weight:800;white-space:nowrap}
.provider-external-connect{margin-top:16px;padding:18px;border:1px solid #f1dfd2;border-radius:17px;background:linear-gradient(145deg,#fffaf7,#fff)}
.provider-external-connect ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;counter-reset:provider-step}
.provider-external-connect li{position:relative;min-height:82px;padding:13px 13px 13px 43px;border:1px solid #ece7e3;border-radius:13px;background:#fff;color:#646d7e;font-size:12px;line-height:1.55;counter-increment:provider-step}
.provider-external-connect li:before{content:counter(provider-step);position:absolute;left:12px;top:12px;width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ff6b1a;color:#fff;font:800 11px "Manrope"}
.provider-external-connect li b{color:#20293a}
.provider-supported-socials{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:9px;margin:0 0 17px}
.provider-supported-socials form{margin:0;min-width:0}
.provider-social-connect-button{width:100%;min-height:48px;display:flex;align-items:center;gap:9px;padding:7px 9px 7px 7px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;color:#424d62;font:800 11px "Noto Sans Thai","Manrope";cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.provider-social-connect-button span{min-width:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.provider-social-connect-button>b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#fff0e6;color:#f05d0d;font:900 13px "Manrope"}
.provider-social-connect-button:hover{border-color:#ff9e62;background:#fff8f3;box-shadow:0 7px 18px rgba(249,115,22,.12);transform:translateY(-1px)}
.provider-social-connect-button:focus-visible{outline:3px solid rgba(249,115,22,.22);outline-offset:2px}
.provider-social-connect-button:hover>b{background:#ff6b1a;color:#fff}
.provider-social-connect-button.is-loading,.provider-social-connect-button:disabled{cursor:wait;opacity:.7;transform:none;box-shadow:none}
.provider-supported-socials .social-brand{width:25px;height:25px;border-radius:8px;font-size:9px;box-shadow:none}
.provider-external-actions{display:flex;flex-wrap:wrap;gap:10px}
.provider-external-actions form{margin:0}
.connection-migration-required{border-color:#f4b184;background:#fff9f4}
.connection-migration-required .pill{background:#fff0e5;color:#c6530f}
.credential-provider-connect-note{margin:0 0 14px;padding:11px 13px;border:1px solid #f0dfd3;border-radius:12px;background:#fff9f5;color:#6f5d51;font-size:11px;line-height:1.55}
.credential-provider-connect-note a{color:#d9570c;font-weight:800}
.facebook-select-page{max-width:1180px}
.facebook-profile-panel{display:flex;align-items:center;gap:16px;margin-bottom:16px;background:linear-gradient(145deg,#fff,#fff4ec)}
.facebook-profile-panel>div:nth-child(2){min-width:0;flex:1}
.facebook-profile-panel h2{margin:2px 0 3px;font-size:20px}
.facebook-profile-panel p{margin:0;color:#737c8d;font-size:12px}
.facebook-choice-avatar{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;overflow:hidden;border-radius:17px;background:#1877f2;color:#fff;font:900 24px "Manrope";box-shadow:0 9px 22px rgba(24,119,242,.18)}
.facebook-choice-avatar img{width:100%;height:100%;object-fit:cover}
.facebook-page-picker>.panel-head{align-items:center}
.facebook-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:17px}
.facebook-page-choice{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid #e5e9ef;border-radius:15px;background:#fff;cursor:pointer;transition:.16s}
.facebook-page-choice:hover{border-color:#f5a16b;transform:translateY(-1px)}
.facebook-page-choice input{width:18px;height:18px;accent-color:#ff6b1a}
.facebook-page-choice .facebook-choice-avatar{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:17px}
.facebook-page-choice>span:nth-of-type(2){min-width:0;flex:1}
.facebook-page-choice strong,.facebook-page-choice small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.facebook-page-choice small{color:#838b9b;font-size:10px}
.facebook-page-choice>i{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eef1f5;color:#a6adba;font-style:normal}
.facebook-page-choice:has(input:checked){border-color:#ff8b3d;background:#fff7f2;box-shadow:0 6px 18px rgba(249,115,22,.1)}
.facebook-page-choice:has(input:checked)>i{background:#ff6b1a;color:#fff}
.facebook-page-choice.is-disabled{opacity:.5;cursor:not-allowed}
@media(max-width:760px){
  .managed-meta-card .connection-head{align-items:flex-start}
  .provider-external-connect ol{grid-template-columns:1fr}
  .provider-external-connect li{min-height:0}
  .provider-external-actions,.provider-external-actions>a,.provider-external-actions form,.provider-external-actions button{width:100%}
  .provider-supported-socials{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facebook-page-grid{grid-template-columns:1fr}
  .facebook-profile-panel{align-items:flex-start}
  .facebook-profile-panel>.pill{margin-left:auto}
}

/* Campaign rows expose their posts and use a consistent action toolbar. */
.campaign-table-panel{padding:16px;overflow-x:auto}
.campaign-table{min-width:1080px}
.campaign-table th{padding-top:14px;padding-bottom:14px}
.campaign-table td{vertical-align:top;padding-top:16px;padding-bottom:16px}
.campaign-table td:first-child strong,.campaign-table td:first-child small{display:block}
.campaign-table td:first-child small{margin-top:4px;color:#9aa1af;font-size:11px}
.campaign-post-cell{min-width:270px}
.campaign-post-count{display:inline-flex;margin-bottom:8px;padding:5px 9px;border-radius:999px;background:#fff0e6;color:#d9570c;font-size:12px;font-weight:800}
.campaign-post-preview{display:grid;gap:6px}
.campaign-post-preview>button{position:relative;display:block;width:100%;max-width:340px;padding:10px 90px 10px 11px;border:1px solid #e8ebf0;border-radius:11px;background:#fff;text-align:left;transition:.16s}
.campaign-post-preview>button:hover{border-color:#ffb98c;background:#fff9f5;box-shadow:0 6px 18px rgba(249,115,22,.09);transform:translateY(-1px)}
.campaign-post-preview b,.campaign-post-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.campaign-post-preview b{color:#273147;font-size:13px}
.campaign-post-preview small{margin-top:3px;color:#70798b;font-size:11px}
.campaign-post-preview button>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#df5a0c;font-size:11px;font-style:normal;font-weight:800}
.campaign-post-preview>em{color:#d9570c;font-size:12px;font-style:normal;font-weight:800}
.campaign-target-count{display:inline-flex;padding:6px 9px;border-radius:10px;background:#f2efff;color:#684bc7;font-weight:800;white-space:nowrap}
.campaign-next-run{display:inline-block;min-width:126px;color:#4e596d;font:700 12px "Manrope","Noto Sans Thai";white-space:nowrap}
.campaign-actions{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:7px;min-width:205px}
.campaign-actions form{margin:0}
.campaign-action{width:100%;min-height:42px;padding:9px 12px;border:1px solid transparent;border-radius:12px;background:#fff;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 4px 12px rgba(30,41,59,.05);transition:.16s}
.campaign-action:hover{transform:translateY(-1px)}
.campaign-edit{border-color:#ffd0b2;background:#fff6ef;color:#c45110}
.campaign-edit:hover{background:#ffeadc}
.campaign-pause{border-color:#dce1e8;background:#f7f8fa;color:#515c70}
.campaign-pause:hover{background:#eceff3}
.campaign-resume{border-color:#bfe9d4;background:#edf9f3;color:#168459}
.campaign-resume:hover{background:#def4e9}
.campaign-delete{border-color:#ffd2d2;background:#fff4f4;color:#d64a4a}
.campaign-delete:hover{background:#ffe7e7}
.campaign-edit-posts{display:grid;gap:6px;max-height:180px;margin:3px 0 14px;padding:12px;border:1px solid #e8ebf0;border-radius:13px;background:#f8f9fb;overflow:auto}
.campaign-edit-posts>small{color:#7b8495;font-weight:800}
.campaign-edit-posts>span{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:9px;background:#fff;color:#303a4e}
.campaign-edit-posts>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.campaign-edit-posts>span em{color:#9aa2b0;font-size:11px;font-style:normal}
.campaign-post-detail-dialog{width:min(840px,calc(100% - 24px));max-height:92dvh;overflow:auto}
.campaign-post-detail-dialog>.modal-head{position:sticky;top:0;z-index:3;padding:22px 24px;border-bottom:1px solid #eceef2;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.campaign-post-detail-dialog>.modal-head h2{margin:3px 0 0;font-size:22px}
.campaign-post-detail-dialog>.modal-head p{margin:4px 0 0;color:#7c8596;font-size:11px}
.campaign-post-detail-body{display:grid;gap:20px;padding:22px 24px}
.campaign-post-detail-body section{display:grid;gap:10px}
.campaign-post-detail-body h3{margin:0;color:#20293a;font-size:14px}.campaign-post-detail-body h3 small{color:#8c94a3;font-size:11px}
.campaign-post-full-content{min-height:95px;padding:16px;border:1px solid #e5e8ee;border-radius:13px;background:#fafbfc;color:#374154;font-size:14px;line-height:1.75;white-space:normal}
.campaign-post-full-content>span{color:#9aa2af}
.campaign-post-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.campaign-post-media-grid article{min-width:0;padding:8px;border:1px solid #e5e8ee;border-radius:13px;background:#fff}
.campaign-post-media-grid img,.campaign-post-media-grid video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:9px;background:#111}
.campaign-post-media-grid .document-preview{aspect-ratio:16/10;display:grid;place-items:center;border-radius:9px;background:#fff0e6;color:#dd5b12;font-weight:900}
.campaign-post-media-grid small{display:block;margin-top:7px;overflow:hidden;color:#667085;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.campaign-post-detail-targets{display:flex;flex-wrap:wrap;gap:8px}
.campaign-post-detail-targets>span{display:grid;grid-template-columns:32px auto;column-gap:8px;align-items:center;padding:8px 11px;border:1px solid #e4e7ed;border-radius:11px;background:#fff}
.campaign-post-detail-targets .social-mini{grid-row:1/3}
.campaign-post-detail-targets b{font-size:12px}.campaign-post-detail-targets small{color:#858e9e;font-size:10px}
.campaign-post-detail-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:9px;padding:14px 24px;border-top:1px solid #eceef2;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}

.media-library-panel{display:grid;gap:18px;padding:24px}
.media-library-panel>.progress{margin:0}
.media-retention-notice{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 18px;border:1px solid #f4c98c;border-radius:16px;background:linear-gradient(135deg,#fffaf1,#fff5e5);color:#7c4a10;box-shadow:0 12px 30px rgba(146,83,15,.07)}
.media-retention-notice>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#f59e0b;color:#fff;font-size:18px;font-weight:900;box-shadow:0 8px 18px rgba(245,158,11,.22)}
.media-retention-notice strong{display:block;margin:1px 0 4px;color:#713f12;font-size:13px;font-weight:900}
.media-retention-notice p{margin:0;color:#8a5a20;font-size:11px;line-height:1.7}
.media-bulk-toolbar{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e5e8ee;border-radius:13px;background:#f8f9fb}
.media-bulk-toolbar label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px}.media-bulk-toolbar label input{accent-color:var(--orange);width:17px;height:17px}
.media-bulk-toolbar>span{margin-left:auto;color:#788295;font-size:11px}
.media-bulk-delete{border:1px solid #fecaca;border-radius:9px;padding:8px 13px;background:#fff;color:#dc2626;font-weight:800}.media-bulk-delete:disabled{opacity:.42;cursor:not-allowed}
.media-manage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.media-manage-item{position:relative;padding:10px;gap:10px;overflow:hidden;transition:.2s ease}
.media-manage-item.is-selected{border-color:#ff8b3d;box-shadow:0 0 0 2px #ffeadc}
.media-manage-item .media-thumb{height:150px;padding:0;overflow:hidden;position:relative}
.media-manage-item .media-thumb img,.media-manage-item .media-thumb video{width:100%;height:100%;object-fit:cover}
.media-manage-item .media-thumb>i{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(17,24,39,.72);color:#fff;font-style:normal}
.media-select{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:9px;background:rgba(255,255,255,.93);box-shadow:0 4px 13px rgba(31,41,55,.12);font-size:10px;font-weight:800;cursor:pointer}.media-select input{accent-color:var(--orange)}
.media-file-info{display:grid;gap:3px;min-width:0}.media-file-info strong{font-size:12px}.media-file-info small{font-size:10px}
.media-item-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.media-item-actions form{display:contents;padding:0}
.media-item-actions a,.media-item-actions button{display:flex;justify-content:center;align-items:center;min-height:34px;border:1px solid #e0e4ea;border-radius:8px;background:#fff;color:#4d5668;font-size:10px;font-weight:800;box-shadow:none;padding:6px}
.media-item-actions a:hover,.media-item-actions button:hover{border-color:#ffb486;background:#fff7f2;color:var(--orange-dark)}.media-item-actions .danger{grid-column:1/-1;border-color:#fecaca;color:#dc2626}.media-item-actions .danger:hover{border-color:#f87171;background:#fff1f2;color:#b91c1c}
.media-upload-dialog{width:min(620px,calc(100% - 24px));overflow:visible}
.media-upload-dialog form{gap:18px}.media-upload-dialog .modal-head{margin:-27px -27px 0;padding:24px 27px 18px;border-bottom:1px solid #eceef2}.media-upload-dialog .modal-head h2{margin:4px 0 0;font-size:24px}.media-upload-dialog .modal-head p{margin:3px 0 0;color:#7d8697;font-size:11px}
.media-upload-dropzone{position:relative;display:grid;place-items:center;text-align:center;gap:5px;padding:34px 20px;border:2px dashed #ffc7a3;border-radius:17px;background:linear-gradient(145deg,#fffaf7,#fff3eb);cursor:pointer;transition:.2s ease}
.media-upload-dropzone:hover,.media-upload-dropzone.is-dragging{border-color:var(--orange);background:#fff0e6;transform:translateY(-2px)}.media-upload-dropzone.has-file{display:none}
.media-upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.media-upload-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ff8b3d,#f45e0b);color:#fff;font-size:28px;box-shadow:0 10px 24px rgba(249,115,22,.25)}
.media-upload-dropzone b{font-size:17px;color:#20293a;margin-top:5px}.media-upload-dropzone small{color:#6f788a}.media-upload-dropzone i{font-style:normal;color:#a36d4b;font-size:10px}
.media-upload-selection{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #dfe3ea;border-radius:13px;background:#f8f9fb}.media-upload-selection[hidden]{display:none!important}.media-upload-selection>span{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#fff0e6;color:var(--orange);font:800 10px "Manrope"}.media-upload-selection>div{display:grid;min-width:0;flex:1}.media-upload-selection b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.media-upload-selection small{color:#7e8798;font-size:10px}.media-upload-selection button{border:0;background:#fff;border-radius:8px;padding:8px 10px;color:var(--orange-dark);font-weight:800;font-size:10px}
.media-upload-rules{display:flex;gap:10px;flex-wrap:wrap}.media-upload-rules span{padding:6px 9px;border-radius:8px;background:#eefaf4;color:#16875d;font-size:10px;font-weight:700}.media-upload-submit:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
.media-rename-dialog .modal-head p{margin:3px 0 0;color:#7d8697;font-size:10px;max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.provider-logo-image{overflow:hidden;padding:7px;background:#fff!important;border:1px solid #e6e9ef;color:transparent!important}
.provider-logo-image img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}

.admin-social-control{margin-bottom:18px}
.admin-social-control .panel-head{gap:15px;margin-bottom:17px}.admin-social-control .panel-head h2{margin-bottom:4px}.admin-social-control .panel-head p{margin:0;color:#737c8f;font-size:12px}
.admin-social-enabled-count{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#ecf9f3;color:#15845a;font-size:12px;font-weight:800}
.admin-social-control form{display:grid;gap:16px}
.admin-social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.admin-social-toggle{position:relative;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:1px 10px;align-items:center;min-width:0;padding:11px 42px 11px 11px;border:1px solid #e5e8ee;border-radius:13px;background:#fafbfc;cursor:pointer;transition:.16s}
.admin-social-toggle:has(input:checked){border-color:#ffb98c;background:#fff7f2;box-shadow:0 5px 16px rgba(249,115,22,.07)}
.admin-social-toggle input{position:absolute;opacity:0;pointer-events:none}
.admin-social-toggle .social-brand{grid-row:1/3;width:42px;height:42px}
.admin-social-toggle b{overflow:hidden;color:#2c3548;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.admin-social-toggle small{color:#9ba2af;font-size:10px}.admin-social-toggle:has(input:checked) small{color:#d65a12}
.admin-social-toggle>i{position:absolute;right:12px;top:50%;width:24px;height:14px;border-radius:999px;background:#cfd4dc;transform:translateY(-50%);transition:.16s}
.admin-social-toggle>i:after{content:"";position:absolute;left:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:.16s}
.admin-social-toggle:has(input:checked)>i{background:#ff6b1a}.admin-social-toggle:has(input:checked)>i:after{left:12px}
.admin-social-save{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;border-top:1px solid #eceef2}
.admin-social-save p{margin:0;color:#777f8f;font-size:11px}
@media(max-width:760px){
  .campaign-table-panel{margin-left:-1px;margin-right:-1px;padding:10px}
  .campaign-actions{grid-template-columns:1fr 1fr}
  .campaign-post-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .campaign-post-detail-dialog>.modal-head,.campaign-post-detail-body,.campaign-post-detail-footer{padding-left:15px;padding-right:15px}
  .campaign-post-detail-footer .button{flex:1;padding-inline:10px}
  .media-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-bulk-toolbar{flex-wrap:wrap}.media-bulk-toolbar>span{margin-left:auto}.media-bulk-delete{width:100%}
  .admin-social-grid{grid-template-columns:1fr 1fr}
  .admin-social-save{align-items:stretch;flex-direction:column}.admin-social-save .button{width:100%}
}
@media(min-width:761px) and (max-width:1150px){.admin-social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){
  .media-manage-grid{grid-template-columns:1fr}
  .media-manage-item .media-thumb{height:210px}
  .media-upload-dialog form{padding:20px}.media-upload-dialog .modal-head{margin:-20px -20px 0;padding:20px}
  .media-upload-rules{display:grid}.media-upload-submit{width:100%}
}

/* Premium navigation sidebar */
.sidebar.sidebar-v2{
  width:286px;
  padding:0 16px 16px;
  overflow:hidden;
  background:
    radial-gradient(circle at -10% 0,rgba(255,148,77,.12),transparent 190px),
    linear-gradient(180deg,#fff 0%,#fffdfa 100%);
  border-right:1px solid #f0dfd4;
  box-shadow:14px 0 44px rgba(79,49,29,.055);
}
.sidebar.sidebar-v2:before{height:4px;background:linear-gradient(90deg,#ffb47f 0,#ff7417 50%,#df4f08 100%)}
.sidebar-v2 .brand{
  position:relative;
  flex:0 0 auto;
  gap:12px;
  margin:0 -16px 10px;
  padding:25px 22px 20px;
  border-bottom:1px solid #f3e8e1;
  background:rgba(255,255,255,.72);
}
.sidebar-v2 .brand .brand-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px;box-shadow:0 12px 28px rgba(7,11,28,.24),0 0 0 4px rgba(249,115,22,.07)}
.sidebar-v2 .brand>strong{font-size:20px;line-height:1.05;color:#20283a}
.sidebar-v2 .brand>strong small{margin-top:5px;color:#f06412;font-size:9px;letter-spacing:.24em}
.sidebar-v2 .brand>.brand-live-dot{position:absolute;right:20px;top:33px;width:9px;height:9px;min-width:0;border:2px solid #fff;border-radius:50%;background:#20bd77;box-shadow:0 0 0 3px rgba(32,189,119,.12);transform:none}
.sidebar-v2>.nav-label,.sidebar-v2 nav>.nav-label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:13px 11px 7px;
  color:#b07c5e;
  font:800 10px/1.2 "Manrope","Noto Sans Thai",sans-serif;
  letter-spacing:.12em;
}
.sidebar-v2>.nav-label:after,.sidebar-v2 nav>.nav-label:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#eadcd3,transparent)}
.sidebar-v2 nav{
  min-height:0;
  flex:1 1 auto;
  gap:4px;
  padding:0 4px 8px 0;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:#e7d9d0 transparent;
}
.sidebar-v2 nav::-webkit-scrollbar{width:5px}.sidebar-v2 nav::-webkit-scrollbar-track{background:transparent}.sidebar-v2 nav::-webkit-scrollbar-thumb{border-radius:999px;background:#e7d9d0}.sidebar-v2 nav:hover::-webkit-scrollbar-thumb{background:#d8bba9}
.sidebar-v2 nav>a{
  position:relative;
  min-height:48px;
  gap:12px;
  padding:7px 12px 7px 8px;
  border:1px solid transparent;
  border-radius:14px;
  color:#606a7c;
  font-size:14px;
  font-weight:700;
  line-height:1.25;
}
.sidebar-v2 nav>a i{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid #edf0f4;
  border-radius:11px;
  background:linear-gradient(145deg,#fafbfc,#f3f5f8);
  color:#778196;
  box-shadow:0 4px 10px rgba(37,46,65,.035);
}
.sidebar-v2 nav>a i svg,.mobile-nav a i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-v2 nav>a:hover{border-color:#ffe0cc;background:linear-gradient(90deg,#fff4ec,#fffaf7);color:#c8520d;transform:translateX(2px)}
.sidebar-v2 nav>a:hover i{border-color:#ffd8be;background:#fff;color:#ef6a16}
.sidebar-v2 nav>a.active{
  border-color:#ffcda9;
  background:linear-gradient(105deg,#fff0e5 0,#fff8f3 72%,#fff 100%);
  color:#bd4706;
  box-shadow:0 8px 22px rgba(226,88,8,.1),inset 3px 0 #f97316;
}
.sidebar-v2 nav>a.active i{border-color:transparent;background:linear-gradient(145deg,#ff913f,#ef5b0b);color:#fff;box-shadow:0 8px 18px rgba(239,91,11,.25)}
.nav-active-dot{position:absolute;right:12px;width:7px;height:7px;border-radius:50%;background:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.11)}
.sidebar-v2 .sidebar-upgrade{
  flex:0 0 auto;
  gap:10px;
  margin-top:10px;
  padding:14px;
  overflow:hidden;
  border:0;
  border-radius:17px;
  background:
    radial-gradient(circle at 105% -10%,rgba(249,115,22,.5),transparent 90px),
    linear-gradient(145deg,#222a3a,#111827);
  color:#fff;
  box-shadow:0 13px 28px rgba(17,24,39,.16);
}
.sidebar-storage-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}
.sidebar-storage-head>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.1);color:#ffaf78}
.sidebar-storage-head svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar-storage-head>div{display:grid;min-width:0}.sidebar-storage-head b{color:#fff;font-size:13px}.sidebar-storage-head small{color:#aeb7c6;font-size:10px}
.sidebar-storage-head em{color:#ffb17d;font:800 11px "Manrope";font-style:normal}
.sidebar-storage-bar{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.sidebar-storage-bar i{display:block;height:100%;min-width:4px;border-radius:inherit;background:linear-gradient(90deg,#ff9a53,#ff6816)}
.sidebar-v2 .sidebar-upgrade>a{display:flex;align-items:center;justify-content:space-between;margin:0;padding-top:2px;color:#fff;font-size:11px}.sidebar-v2 .sidebar-upgrade>a>b{color:#ffae78;font-size:15px}
.sidebar-v2 .sidebar-user{
  flex:0 0 auto;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  margin-top:11px;
  padding:10px;
  border:1px solid transparent;
  border-radius:14px;
  color:#273145;
  transition:.18s;
}
.sidebar-v2 .sidebar-user:hover{border-color:#f0e1d8;background:#fff8f4}
.sidebar-v2 .sidebar-user .user-avatar{position:relative;width:42px;height:42px;flex-basis:42px;border-radius:13px}.sidebar-v2 .sidebar-user .user-avatar>i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#20bd77}
.sidebar-v2 .sidebar-user strong{font-size:13px}.sidebar-v2 .sidebar-user small{color:#8a93a5;font-size:10px}
.sidebar-user-chevron{width:18px;height:18px;fill:none;stroke:#a6adba;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.app-main{margin-left:286px}
@media(max-width:1050px) and (min-width:901px){
  .sidebar.sidebar-v2{width:238px;padding-inline:12px}
  .sidebar-v2 .brand{margin-inline:-12px;padding-inline:17px}
  .sidebar-v2 nav>a{font-size:13px}
  .sidebar-v2 .sidebar-upgrade{padding:12px}
  .app-main{margin-left:238px}
  .app-shell:before{left:238px}
}
@media(max-height:760px) and (min-width:761px){
  .sidebar-v2 .brand{padding-top:19px;padding-bottom:14px}
  .sidebar-v2 .sidebar-upgrade{display:none}
}
@media(max-width:760px){
  .sidebar.sidebar-v2{display:none}
  .app-main{margin-left:0}
  .app-shell:before{left:0}
}

/* Mobile navigation: every permitted workspace route remains reachable. */
.mobile-more-menu,.mobile-more-backdrop{display:none}
.mobile-more-menu[hidden],.mobile-more-backdrop[hidden]{display:none!important}
@media(max-width:900px){
  .mobile-nav>a,.mobile-more-trigger{
    height:52px;min-width:0;border:0;border-radius:15px;background:transparent;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
    color:#737b8d;font-size:9px;font-weight:700;padding:0;
  }
  .mobile-more-trigger i{
    width:27px;height:27px;display:grid;place-items:center;border-radius:9px;font-style:normal;
  }
  .mobile-more-trigger svg{width:19px;height:19px;fill:currentColor}
  .mobile-more-trigger[aria-expanded="true"]{background:#fff0e6;color:var(--orange-dark)}
  .mobile-more-backdrop{
    position:fixed;z-index:88;inset:0;display:block;background:rgba(19,26,39,.38);
    backdrop-filter:blur(3px);
  }
  .mobile-more-menu{
    position:fixed;z-index:89;left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));
    display:block;padding:18px;border:1px solid #eadfd8;border-radius:22px;background:rgba(255,255,255,.98);
    box-shadow:0 24px 70px rgba(31,39,55,.24);
  }
  .mobile-more-menu>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
  .mobile-more-menu>header>div{display:grid}.mobile-more-menu>header small{color:#9b745e;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
  .mobile-more-menu>header strong{font-size:19px;color:#20293a}
  .mobile-more-menu>header button{width:42px;height:42px;border:0;border-radius:13px;background:#f6f2ef;color:#655d58;font-size:23px}
  .mobile-more-menu>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-more-menu>nav>a{
    min-height:54px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;
    padding:8px 11px;border:1px solid #edf0f4;border-radius:14px;background:#fff;color:#4f596b;font-size:13px;font-weight:700;
  }
  .mobile-more-menu>nav>a i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f5f6f9}
  .mobile-more-menu>nav>a i svg{width:19px;height:19px}
  .mobile-more-menu>nav>a.active{border-color:#ffc9a6;background:#fff5ee;color:#d8550b}
  .mobile-more-menu>nav>a.active i{background:#ffede1}
}
@media(max-width:480px){
  .mobile-more-menu>nav{grid-template-columns:1fr}
  .mobile-more-menu{max-height:min(68vh,560px);overflow:auto}
}
html.mobile-more-open{overflow:hidden}

/* A visible, safe POST logout action for desktop and mobile navigation. */
.logout-form{display:inline-flex;align-items:center;margin:0}
.logout-button{
  min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:8px 13px;border:1px solid #ffd0b4;border-radius:11px;background:#fff6ef;
  color:#c94e08;font-weight:800;font-size:12px;line-height:1;box-shadow:0 6px 16px rgba(201,78,8,.08);
  transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;
}
.logout-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.logout-button:hover{background:#ffe9dc;border-color:#ffad7a;color:#a93d03;transform:translateY(-1px);box-shadow:0 9px 20px rgba(201,78,8,.13)}
.logout-button:focus-visible{outline:3px solid rgba(249,115,22,.25);outline-offset:2px}
.mobile-more-menu>.logout-form{display:none}
@media(max-width:900px){
  .mobile-more-menu>.logout-form{display:flex;margin-top:12px;padding-top:12px;border-top:1px solid #eee6e1}
  .mobile-more-menu>.logout-form .logout-button{width:100%;min-height:48px;font-size:14px}
}

/* Keep both primary public actions reachable on narrow mobile screens. */
@media(max-width:760px){
  body:not(.app-shell) .topbar{
    height:auto;min-height:78px;padding:12px 16px 14px;flex-wrap:wrap;align-items:center;gap:10px;
  }
  body:not(.app-shell) .topbar>.brand{min-width:0}
  body:not(.app-shell) .topbar nav{
    width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  }
  body:not(.app-shell) .topbar nav>a.public-login-button,
  body:not(.app-shell) .topbar nav>a.public-signup-button{
    min-height:44px;display:flex;align-items:center;justify-content:center;
    margin:0;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:800;line-height:1.2;text-align:center;
  }
  body:not(.app-shell) .topbar nav>a.public-login-button{
    border:1px solid #ffc7a3;background:#fff;color:#c8510c;box-shadow:0 6px 16px rgba(100,55,26,.06);
  }
  body:not(.app-shell) .topbar nav>a.public-login-button:hover{background:#fff3ea;border-color:#ff9f66}
}

/* Post library management */
.post-card-actionable{position:relative;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
.post-card-actionable:hover{transform:translateY(-3px);border-color:#ffc7a2;box-shadow:0 16px 36px rgba(56,39,27,.1)}
.post-card-actionable:focus-visible{outline:3px solid rgba(249,115,22,.25);outline-offset:3px}
.post-card-manage{display:inline-flex;align-items:center;margin-top:14px;color:#d8560b;font-size:12px;font-weight:800}
.post-detail-dialog{width:min(820px,calc(100% - 28px));max-height:min(90vh,900px);overflow:hidden}
.post-detail-shell{display:grid;gap:18px;max-height:min(90vh,900px);overflow:auto;padding:25px}
.post-detail-shell>.modal-head{position:sticky;z-index:3;top:-25px;margin:-25px -25px 0;padding:22px 25px 17px;background:rgba(255,255,255,.97);border-bottom:1px solid #eef0f4;backdrop-filter:blur(14px)}
.post-detail-shell>.modal-head p{margin:4px 0 0;color:#778195;font-size:12px}
.post-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.post-detail-summary>div{display:grid;gap:3px;padding:13px;border:1px solid #e8ebf0;border-radius:13px;background:#fafbfc}
.post-detail-summary small{color:#828b9c;font-size:10px}.post-detail-summary strong{color:#273145;font-size:15px}
.post-detail-destinations h3,.post-detail-media h3{margin:0 0 9px;font-size:14px}
.post-detail-media>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.post-detail-media a{position:relative;display:grid;gap:5px;min-width:0;padding:6px;border:1px solid #e7eaf0;border-radius:12px;background:#fff}
.post-detail-media img,.post-detail-media video,.post-detail-media a>span{width:100%;height:82px;object-fit:cover;border-radius:8px;background:#fff3ea}
.post-detail-media a>span{display:grid;place-items:center;color:#dc5c12;font-weight:900}
.post-detail-media a>i{position:absolute;left:50%;top:42px;translate:-50% -50%;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(20,27,39,.72);color:#fff;font-style:normal}
.post-detail-media small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687386;font-size:10px}
.post-detail-edit{display:grid;gap:13px;padding:17px;border:1px solid #e8ebf0;border-radius:15px;background:#fbfcfd}
.post-detail-edit label{display:grid;gap:6px;color:#3f4859;font-size:12px;font-weight:700}
.post-detail-edit input,.post-detail-edit textarea{width:100%;border:1px solid #dfe3ea;border-radius:11px;background:#fff;padding:11px 13px;font:inherit;resize:vertical}
.post-detail-edit input:focus,.post-detail-edit textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #ffede2}
.post-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.post-archive-button{min-height:44px;padding:10px 15px;border:1px solid #f2c8c8;border-radius:11px;background:#fff7f7;color:#b42318;font-weight:800}
@media(max-width:640px){
  .media-retention-notice{padding:14px;gap:11px}.media-retention-notice>span{width:30px;height:30px;flex-basis:30px}.media-retention-notice p{font-size:10px}
  .post-detail-shell{padding:18px}.post-detail-shell>.modal-head{top:-18px;margin:-18px -18px 0;padding:18px}
  .post-detail-summary{grid-template-columns:1fr 1fr}.post-detail-media>div{grid-template-columns:repeat(3,minmax(0,1fr))}
  .post-detail-actions{align-items:stretch;flex-direction:column}.post-detail-actions form,.post-detail-actions button{width:100%}
}

/* Admin scales beyond the first 50 accounts. */
.admin-dashboard .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-pagination{position:sticky;left:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 22px;border-top:1px solid #edf0f4;background:#fff}
.admin-pagination a{min-height:42px;display:inline-flex;align-items:center;padding:9px 14px;border:1px solid #dfe3ea;border-radius:11px;background:#fff;color:#4d5668;font-size:12px;font-weight:800}
.admin-pagination a:not(.is-disabled):hover{border-color:#ffc7a3;background:#fff7f2;color:#d6540b}
.admin-pagination a.is-disabled{opacity:.4;pointer-events:none}
.admin-pagination span{color:#737d8f;font-size:12px}
.admin-section-nav{position:sticky;z-index:18;top:86px;display:flex;gap:7px;margin:0 0 16px;padding:7px;border:1px solid #eadfd8;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 9px 25px rgba(48,38,31,.08);backdrop-filter:blur(14px)}
.admin-section-nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;color:#667184;font-size:12px;font-weight:800}
.admin-section-nav a:hover{background:#fff0e6;color:#d7560c}
#admin-socials,#admin-packages,#admin-users{scroll-margin-top:145px}
.table-panel{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.table-panel>table{min-width:760px}
@media(max-width:1050px){.admin-dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .admin-pagination{justify-content:space-between;gap:7px}.admin-pagination a{padding-inline:10px}.admin-pagination span{font-size:11px}
  .admin-account-filter{display:grid!important;grid-template-columns:1fr 1fr;width:100%}.admin-account-filter input{grid-column:1/-1}
}
@media(max-width:900px){.admin-section-nav{top:70px;overflow-x:auto}.admin-section-nav a{flex:1;white-space:nowrap}}

.dashboard-onboarding>summary{display:block;cursor:pointer;list-style:none}
.dashboard-onboarding>summary::-webkit-details-marker{display:none}
.dashboard-onboarding>summary>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.dashboard-onboarding>summary>header>div>span{display:inline-flex;margin-bottom:4px;color:#e15a0c;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.dashboard-onboarding>summary h2{margin:0;color:#20293a;font-size:24px}.dashboard-onboarding>summary p{max-width:760px;margin:5px 0 0;color:#6c7587;font-size:13px}
.dashboard-onboarding>summary header>b{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#fff0e6;color:#d9570c;font-size:10px}
.dashboard-onboarding:not([open]){padding-block:18px}
.dashboard-onboarding:not([open])>summary h2{font-size:18px}.dashboard-onboarding:not([open])>summary p{display:none}
@media(max-width:680px){
  .dashboard-onboarding>summary>header{display:grid}.dashboard-onboarding>summary header>b{justify-self:start}
}

.password-field{position:relative;display:grid}
.password-field input{padding-right:72px}
.password-field button{position:absolute;right:6px;top:50%;translate:0 -50%;min-width:56px;height:36px;border:0;border-radius:9px;background:#fff0e6;color:#d7550b;font-size:11px;font-weight:800}
.password-strength{position:relative;display:block;padding-left:55px;color:#798396;font-size:11px;font-weight:600}
.password-strength:before{content:"";position:absolute;left:0;top:50%;width:45px;height:5px;translate:0 -50%;border-radius:99px;background:#dfe3ea}
.password-strength[data-state="weak"]{color:#b42318}.password-strength[data-state="weak"]:before{background:#e45858}
.password-strength[data-state="medium"]{color:#a36b00}.password-strength[data-state="medium"]:before{background:#e9a821}
.password-strength[data-state="strong"]{color:#128158}.password-strength[data-state="strong"]:before{background:#20b978}
.api-docs{min-width:0}.api-docs pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.api-docs pre code{display:block;width:max-content;min-width:100%}
.media-library-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px auto auto;align-items:end;gap:10px;margin-bottom:16px;padding:14px;border:1px solid #ece2db;border-radius:15px;background:#fffaf7}
.media-library-filters label{display:grid;gap:5px;min-width:0}.media-library-filters label>span{color:#6d7586;font-size:11px;font-weight:800}
.media-library-filters input,.media-library-filters select{width:100%;height:44px;border:1px solid #dddfe5;border-radius:10px;background:#fff;padding:8px 11px}
.media-library-filters>a{align-self:center;color:#d8560b;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:980px){.media-library-filters{grid-template-columns:1fr 1fr}.media-library-filters label:first-child{grid-column:1/-1}}
@media(max-width:560px){.media-library-filters{grid-template-columns:1fr}.media-library-filters label:first-child{grid-column:auto}.media-library-filters .button{width:100%}}
.faq-more-button{width:100%;min-height:48px;margin-top:14px;border:1px solid #f0c8ae;border-radius:13px;background:#fff7f1;color:#d7560c;font-size:13px;font-weight:800}
.faq-more-button:hover{background:#ffede1}
.register-plan-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 14px;margin:16px 0 20px;padding:14px 16px;border:1px solid #f0cdb6;border-radius:15px;background:#fff6ef}
.register-plan-summary>div{display:grid}.register-plan-summary small{color:#9a7258;font-size:10px;font-weight:800;text-transform:uppercase}.register-plan-summary strong{color:#293246;font-size:17px}
.register-plan-summary>span{color:#667185;font-size:12px}.register-plan-summary>a{grid-column:2;grid-row:1/3;color:#d7560c;font-size:11px;font-weight:800}
.register-consent{align-items:flex-start!important;font-size:12px!important;line-height:1.6}
@media(max-width:760px){
  .campaign-table-panel{padding:12px;background:transparent;border:0;box-shadow:none;overflow:visible}
  .campaign-table{display:block!important;min-width:0!important}.campaign-table thead{display:none}.campaign-table tbody{display:grid;gap:12px}
  .campaign-table tr{display:grid;padding:16px;border:1px solid #ecdcd2;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(72,45,27,.065)}
  .campaign-table td{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px;width:100%;padding:10px 0;border-bottom:1px solid #f0e8e2}
  .campaign-table td:last-child{border:0}.campaign-table td:before{color:#9a725c;font-size:11px;font-weight:800}
  .campaign-table td:nth-child(1):before{content:"ชื่อ"}.campaign-table td:nth-child(2):before{content:"โพสต์ที่ใช้"}
  .campaign-table td:nth-child(3):before{content:"ปลายทาง"}.campaign-table td:nth-child(4):before{content:"รูปแบบ"}
  .campaign-table td:nth-child(5):before{content:"สถานะ"}.campaign-table td:nth-child(6):before{content:"รอบถัดไป"}
  .campaign-table td:nth-child(7):before{content:"ผลการส่ง"}.campaign-table td:nth-child(8):before{content:"จัดการ"}.campaign-table .campaign-post-cell{display:block}
  .campaign-table .campaign-post-cell:before{display:block;margin-bottom:8px}.campaign-table .campaign-post-preview{margin-top:8px}
  .campaign-table .campaign-actions{display:flex;flex-wrap:wrap;gap:7px}
}

/* One real Social logo system for every screen. Legacy letters remain in the HTML
   as a no-script fallback, but are replaced visually by the platform artwork. */
.social-brand,.social-mini{position:relative;overflow:hidden;font-size:0!important;color:transparent!important}
.social-brand::before,.social-mini::before{content:"";position:absolute;inset:0;display:block;width:64%;height:64%;margin:auto;background-position:center;background-repeat:no-repeat;background-size:contain}
.social-brand.facebook::before,.social-mini.facebook::before{background-image:url("social/facebook.svg")}
.social-brand.instagram::before,.social-mini.instagram::before{background-image:url("social/instagram.svg")}
.social-brand.tiktok::before,.social-mini.tiktok::before{background-image:url("social/tiktok.svg")}
.social-brand.youtube::before,.social-mini.youtube::before{background-image:url("social/youtube.svg")}
.social-brand.linkedin::before,.social-mini.linkedin::before{background-image:url("social/linkedin.svg")}
.social-brand.twitter::before,.social-brand.x::before,.social-mini.twitter::before,.social-mini.x::before{background-image:url("social/x.svg")}
.social-brand.threads::before,.social-mini.threads::before{background-image:url("social/threads.svg")}
.social-brand.pinterest::before,.social-mini.pinterest::before{background-image:url("social/pinterest.svg")}
.social-brand.reddit::before,.social-mini.reddit::before{background-image:url("social/reddit.svg")}
.social-brand.bluesky::before,.social-mini.bluesky::before{background-image:url("social/bluesky.svg")}
.social-mini.twitter,.social-mini.x,.social-mini.threads{background:#101114}.social-mini.pinterest{background:#e60023}.social-mini.reddit{background:#ff4500}.social-mini.bluesky{background:#168fff}
.social-brand.youtube::before,.social-mini.youtube::before{width:70%;height:70%}.social-brand.reddit::before,.social-mini.reddit::before{width:72%;height:72%}

/* Compact workspace headers: keep emphasis without pushing the task below the fold. */
.app-shell .dash-head{min-height:118px;padding:21px 25px;border-radius:20px}
.app-shell .dash-head h1{font-size:31px}.app-shell .dash-head p{font-size:14px;line-height:1.6}
@media(max-width:680px){
  .app-shell .dash-head{min-height:0;padding:19px 18px;border-radius:17px}
  .app-shell .dash-head h1{font-size:25px}.app-shell .dash-head p{font-size:13px}
}

/* Landing page: explain direct Facebook and provider workflows */
.steps.steps-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.steps-four article{min-height:250px;padding:25px 22px}.steps-four article h3{font-size:18px}.steps-four article p{font-size:13px;line-height:1.75}
.steps-section .section-head>p{max-width:780px;margin:0;color:#697386;font-size:16px;line-height:1.8}
.connection-guide-section{position:relative;max-width:1320px}
.connection-guide-section:before{content:"";position:absolute;inset:35px 0 auto;height:430px;border-radius:36px;background:radial-gradient(circle at 10% 0,rgba(249,115,22,.12),transparent 36%),radial-gradient(circle at 90% 30%,rgba(49,130,246,.09),transparent 33%),#fffaf7;z-index:-1}
.connection-guide-section .section-head p{max-width:800px;margin:12px auto 0;color:#687285;font-size:16px;line-height:1.8}
.connection-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}
.connection-path{position:relative;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid #eadfd7;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(73,47,29,.08);overflow:hidden}
.connection-path:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff9c59,#f45e0b)}
.connection-path.provider-path:before{background:linear-gradient(90deg,#7c5cff,#3182f6)}
.connection-path>header{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:18px}
.path-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;color:#fff;font:900 24px "Manrope";box-shadow:0 10px 22px rgba(24,119,242,.2)}
.facebook-path{background:linear-gradient(145deg,#2584ff,#0866ff)}.provider-path-icon{background:linear-gradient(145deg,#8a6cff,#4c6fff);font-size:17px}
.connection-path header>div{display:grid}.connection-path header small{color:#9a7b67;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.connection-path header h3{margin:2px 0 0;color:#20293a;font-size:20px;line-height:1.35}
.path-badge{padding:6px 9px;border-radius:999px;background:#eaf3ff;color:#1670db;font-size:10px;white-space:nowrap}.provider-path .path-badge{background:#f0edff;color:#684fc8}
.connection-path>p{min-height:58px;margin:0 0 18px;color:#647084;font-size:14px;line-height:1.75}
.connection-path ol{display:grid;gap:9px;margin:0 0 17px;padding:0;counter-reset:path-step;list-style:none}
.connection-path li{position:relative;display:grid;gap:1px;min-height:58px;padding:10px 12px 10px 47px;border:1px solid #edf0f4;border-radius:13px;background:#fafbfc;counter-increment:path-step}
.connection-path li:before{content:counter(path-step);position:absolute;left:12px;top:11px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff0e6;color:#e85e0d;font:800 11px "Manrope"}.provider-path li:before{background:#eeebff;color:#674ec8}
.connection-path li b{color:#2b3549;font-size:13px}.connection-path li span{color:#778195;font-size:11px;line-height:1.5}
.path-note{margin:0 0 19px;padding:12px 14px;border:1px solid #ffdfc9;border-radius:13px;background:#fff8f3;color:#765947;font-size:11px;line-height:1.65}.provider-path .path-note{border-color:#e2ddff;background:#faf9ff;color:#615a81}.path-note b{color:#d6560c}.provider-path .path-note b{color:#6047bf}
.connection-path>.button{width:100%;margin-top:auto;min-height:48px}
.why-provider{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;margin-top:22px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#20293a,#101726);color:#fff;box-shadow:0 18px 45px rgba(16,23,38,.16)}
.why-provider>div:first-child{position:relative;padding-left:62px}.why-provider>div:first-child>span{position:absolute;left:0;top:0;width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#ff9a53,#f15b0b);font:900 22px "Manrope";box-shadow:0 10px 22px rgba(249,115,22,.28)}
.why-provider h3{margin:0 0 6px;font-size:20px}.why-provider p{margin:0;color:#b9c2d1;font-size:13px;line-height:1.75}
.provider-responsibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.provider-responsibility-grid>span{display:grid;gap:3px;padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.055);color:#aeb8c8;font-size:10px;line-height:1.55}.provider-responsibility-grid b{color:#ffaf78;font-size:12px}
.faq-list details{transition:border-color .18s,background .18s,transform .18s}.faq-list details:hover{transform:translateY(-1px);border-color:#f0c4a6}
@media(max-width:1050px){
  .steps.steps-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .connection-path-grid{grid-template-columns:1fr}
  .connection-path>p{min-height:0}
  .why-provider{grid-template-columns:1fr}
}
@media(max-width:760px){
  .steps.steps-four{grid-template-columns:1fr}.steps-four article{min-height:0}
  .connection-guide-section:before{inset-inline:8px;border-radius:24px}
  .connection-path-grid{margin-top:28px}
  .connection-path{padding:20px;border-radius:19px}
  .connection-path>header{grid-template-columns:48px minmax(0,1fr);gap:10px}.path-icon{width:48px;height:48px;border-radius:14px}.path-badge{grid-column:1/-1;justify-self:start}
  .connection-path header h3{font-size:18px}
  .why-provider{padding:21px;border-radius:19px}.why-provider>div:first-child{padding-left:0;padding-top:57px}.provider-responsibility-grid{grid-template-columns:1fr}
  body:not(.app-shell){overflow-x:hidden}
}

/* Dashboard onboarding: visible on the first screen after login */
.dashboard-onboarding{display:grid;gap:16px;margin:0 0 18px;padding:24px;border:1px solid #f1d8c8;border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(249,115,22,.13),transparent 250px),linear-gradient(145deg,#fff,#fff9f5);box-shadow:0 12px 35px rgba(78,47,27,.07)}
.dashboard-onboarding>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.dashboard-onboarding>header>div>span{display:inline-flex;margin-bottom:4px;color:#e15a0c;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.dashboard-onboarding>header h2{margin:0;color:#20293a;font-size:24px}.dashboard-onboarding>header p{max-width:760px;margin:5px 0 0;color:#6c7587;font-size:13px}.dashboard-onboarding>header>b{flex:0 0 auto;padding:8px 11px;border-radius:999px;background:#fff0e6;color:#d9570c;font-size:10px}
.dashboard-start-paths{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.dashboard-start-paths>article{display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #e5e9ef;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 7px 20px rgba(40,48,67,.045)}
.dashboard-start-paths>article.dashboard-facebook-path{border-top:3px solid #1877f2}.dashboard-start-paths>article.dashboard-provider-path{border-top:3px solid #7c5cff}
.dashboard-path-title{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:11px;align-items:center}.dashboard-path-title>i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#2e8cff,#0866ff);color:#fff;font:900 21px "Manrope";font-style:normal}.dashboard-provider-path .dashboard-path-title>i{background:linear-gradient(145deg,#8d73ff,#6047d7);font-size:14px}
.dashboard-path-title>div{display:grid}.dashboard-path-title small{color:#8a93a3;font-size:10px;font-weight:700}.dashboard-path-title h3{margin:1px 0 0;color:#273145;font-size:17px}.dashboard-path-title>span{padding:5px 8px;border-radius:999px;background:#eaf3ff;color:#166dcc;font-size:9px;font-weight:900}.dashboard-provider-path .dashboard-path-title>span{background:#f0edff;color:#674ec8}
.dashboard-start-paths ol{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 10px;padding:0;list-style:none;counter-reset:dashboard-path}.dashboard-start-paths li{padding:6px 8px;border-radius:8px;background:#f6f8fb;color:#586276;font-size:10px;counter-increment:dashboard-path}.dashboard-start-paths li:before{content:counter(dashboard-path) ". ";color:#ef6615;font-weight:900}.dashboard-start-paths>article>p{margin:0 0 13px;color:#707a8c;font-size:11px;line-height:1.65}.dashboard-start-paths .button{width:100%;min-height:42px;margin-top:auto;font-size:12px}
.dashboard-flow{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px;border:1px dashed #efc9b0;border-radius:14px;background:#fff}.dashboard-flow>span{display:flex;align-items:center;gap:7px;color:#566074;font-size:11px;font-weight:800}.dashboard-flow b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#fff0e6;color:#e65d0d;font:900 10px "Manrope"}.dashboard-flow>i{color:#d8a98b;font-style:normal}
.dashboard-quick-faq{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dashboard-quick-faq details{padding:11px 13px;border:1px solid #e7eaf0;border-radius:12px;background:#fff}.dashboard-quick-faq summary{cursor:pointer;color:#313b4f;font-size:11px;font-weight:900}.dashboard-quick-faq p{margin:8px 0 0;color:#6f798b;font-size:10px;line-height:1.65}
@media(max-width:1000px){.dashboard-start-paths{grid-template-columns:1fr}.dashboard-flow{align-items:stretch;flex-direction:column}.dashboard-flow>i{display:none}.dashboard-flow>span{justify-content:flex-start}}
@media(max-width:760px){.dashboard-onboarding{padding:17px;border-radius:18px}.dashboard-onboarding>header{flex-direction:column;gap:10px}.dashboard-onboarding>header h2{font-size:21px}.dashboard-onboarding>header>b{align-self:flex-start}.dashboard-path-title{grid-template-columns:42px minmax(0,1fr)}.dashboard-path-title>i{width:42px;height:42px}.dashboard-path-title>span{grid-column:1/-1;justify-self:start}.dashboard-quick-faq{grid-template-columns:1fr}}

/* Campaign integrity and unified publishing center */
.campaign-row-needs-action{background:#fff9f6}.campaign-row-needs-action td:first-child{box-shadow:inset 4px 0 #ef4444}
.campaign-target-count.is-missing{background:#fff0f0;color:#c43232}.campaign-config-error{display:block;max-width:220px;margin-top:7px;color:#c43232;font-size:11px;line-height:1.55}
.campaign-job-health{display:flex;flex-wrap:wrap;gap:5px;min-width:190px}.campaign-job-health span{padding:5px 7px;border-radius:8px;font-size:10px;font-weight:850;white-space:nowrap}.campaign-job-health .is-waiting{background:#f0f3f8;color:#526076}.campaign-job-health .is-processing{background:#fff4d9;color:#936300}.campaign-job-health .is-success{background:#e9f9f1;color:#07845c}.campaign-job-health .is-failed{background:#fff0f0;color:#c43636}
.campaign-last-error{display:-webkit-box;max-width:270px;margin-top:7px;overflow:hidden;color:#b93c32;font-size:10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.campaign-queue-link{display:inline-flex;margin-top:7px;color:#d9580c;font-size:11px;font-weight:850}.campaign-action.needs-attention{border-color:#ef8c59;background:#fff2e9;color:#cb4b08;box-shadow:0 6px 16px rgba(220,84,11,.12)}
.campaign-edit-targets{grid-column:1/-1;padding:14px;border:1px solid #eadfd7;border-radius:15px}.campaign-edit-targets legend{padding-inline:6px;color:#2c3649;font-size:12px;font-weight:850}.campaign-edit-targets>.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:280px;overflow:auto}.campaign-edit-targets>a,.campaign-edit-targets small a{color:#d9580c;font-weight:800}
.publishing-dashboard{display:grid;gap:18px}.publishing-dashboard>.dash-head{margin-bottom:0}.button-white{background:#fff!important;color:#cc520a!important;box-shadow:0 9px 25px rgba(113,52,17,.17)!important}
.publishing-focus{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid #f0c7ad;border-radius:12px;background:#fff8f3;color:#7b5239;font-size:12px;font-weight:750}.publishing-focus a{color:#d8560b;font-weight:850}
.publishing-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.publishing-kpis article{position:relative;display:grid;gap:2px;min-width:0;padding:16px 17px;border:1px solid #e5e9ef;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(40,48,67,.05)}.publishing-kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#a8b1bf}.publishing-kpis .is-scheduled:before{background:#8b5cf6}.publishing-kpis .is-queued:before{background:#64748b}.publishing-kpis .is-processing:before{background:#e3a008}.publishing-kpis .is-published:before{background:#10a66f}.publishing-kpis .is-failed:before{background:#e5484d}.publishing-kpis span{color:#647084;font-size:11px;font-weight:800}.publishing-kpis strong{color:#20293a;font:850 28px/1.1 "Manrope","Noto Sans Thai",sans-serif}.publishing-kpis small{overflow:hidden;color:#929aab;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.publishing-plan-panel{display:grid;gap:14px}.publishing-plan-list{display:grid;gap:10px}.publishing-plan-card{display:grid;grid-template-columns:minmax(210px,1.2fr) minmax(190px,.8fr) minmax(260px,1fr) auto;align-items:center;gap:14px;padding:15px;border:1px solid #e7e9ee;border-radius:15px;background:#fff}.publishing-plan-card.state-needs_action{border-color:#f4c1b9;background:#fffafa}.publishing-plan-card.state-paused{background:#fafbfc}.publishing-plan-main{min-width:0}.plan-status{display:inline-flex;padding:4px 7px;border-radius:7px;background:#f0edff;color:#6b4fc8;font-size:9px;font-weight:900}.state-needs_action .plan-status{background:#fff0ef;color:#c33838}.state-paused .plan-status{background:#edf0f4;color:#596579}.state-completed .plan-status{background:#e9f9f1;color:#087d59}.publishing-plan-main h3{margin:5px 0 2px;color:#252f43;font-size:15px}.publishing-plan-main p{margin:0;color:#7b8597;font-size:10px}.publishing-plan-time{display:grid;gap:2px}.publishing-plan-time small{color:#8b94a5;font-size:9px;font-weight:800}.publishing-plan-time strong{color:#2b3549;font-size:12px}.publishing-plan-time span{color:#8b6c59;font-size:9px}.publishing-plan-health{display:flex;flex-wrap:wrap;gap:5px}.publishing-plan-health span{padding:5px 7px;border-radius:8px;font-size:9px;font-weight:850;white-space:nowrap}.publishing-plan-health .is-queued{background:#f0f3f8;color:#526076}.publishing-plan-health .is-processing{background:#fff4d9;color:#936300}.publishing-plan-health .is-published{background:#e9f9f1;color:#07845c}.publishing-plan-health .is-failed{background:#fff0f0;color:#c43636}.publishing-plan-error{grid-column:1/-2;display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:-4px;padding:9px 11px;border-radius:10px;background:#fff0ef;color:#b93434;font-size:10px;line-height:1.5}.publishing-plan-error b{white-space:nowrap}.publishing-plan-actions{grid-column:4;grid-row:1/3;display:grid;gap:6px;justify-items:end}.publishing-plan-actions a{white-space:nowrap;color:#d8560b;font-size:10px;font-weight:850}.publishing-plan-actions a:last-child{color:#596579}
.publishing-jobs-section{display:grid;gap:10px}.publishing-section-head{display:flex;align-items:end;justify-content:space-between}.publishing-section-head h2{margin:0;color:#252f43;font-size:19px}.publishing-section-head p{margin:3px 0 0;color:#7a8496;font-size:11px}.publishing-jobs-section .status-filters{padding-bottom:0}.publishing-jobs-section .status-filters a{display:flex;align-items:center;gap:7px}.publishing-jobs-section .status-filters b{min-width:20px;padding:2px 5px;border-radius:99px;background:#f2f3f6;color:#596579;font-size:9px;text-align:center}.publishing-jobs-section .status-filters a.active b{background:rgba(255,255,255,.2);color:#fff}
.publishing-jobs-table td{vertical-align:top}.publishing-jobs-table td>strong,.publishing-jobs-table td>b{display:block;color:#2b3549}.publishing-jobs-table td>small{display:block;margin-top:3px;color:#7b8597}.connection-removed{display:block;margin-top:5px;color:#c33b3b;font-size:9px;font-style:normal;font-weight:800}.job-result{max-width:360px;color:#596579;font-size:11px;line-height:1.55}.job-result.has-error{padding:8px 9px;border-radius:9px;background:#fff0ef;color:#b93434}.job-no-action{color:#a2a9b5}
@media(max-width:1180px){.publishing-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.publishing-plan-card{grid-template-columns:1fr 1fr}.publishing-plan-health{grid-column:1/-1}.publishing-plan-error{grid-column:1/-1}.publishing-plan-actions{grid-column:2;grid-row:1;align-self:start}}
@media(max-width:760px){
  .campaign-edit-targets>.choice-grid{grid-template-columns:1fr}.publishing-kpis{grid-template-columns:1fr 1fr}.publishing-kpis article:last-child{grid-column:1/-1}
  .publishing-plan-panel{padding:14px}.publishing-plan-card{grid-template-columns:1fr;padding:14px}.publishing-plan-time,.publishing-plan-health,.publishing-plan-error,.publishing-plan-actions{grid-column:1;grid-row:auto}.publishing-plan-actions{display:flex;justify-content:flex-start;gap:16px}
  .publishing-jobs-panel{padding:10px;background:transparent;border:0;box-shadow:none;overflow:visible}.publishing-jobs-table{display:block!important;min-width:0!important}.publishing-jobs-table thead{display:none}.publishing-jobs-table tbody{display:grid;gap:10px}.publishing-jobs-table tr{display:grid;padding:14px;border:1px solid #eadfd7;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(40,48,67,.05)}.publishing-jobs-table td{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid #f0e8e2}.publishing-jobs-table td:before{color:#9a725c;font-size:10px;font-weight:850}.publishing-jobs-table td:nth-child(1):before{content:"โพสต์"}.publishing-jobs-table td:nth-child(2):before{content:"Social"}.publishing-jobs-table td:nth-child(3):before{content:"เวลา"}.publishing-jobs-table td:nth-child(4):before{content:"สถานะ"}.publishing-jobs-table td:nth-child(5):before{content:"ผลลัพธ์"}.publishing-jobs-table td:nth-child(6):before{content:"จัดการ"}.publishing-jobs-table td:last-child{border:0}.job-result{max-width:none}
}

/* Keep the simplified status summary authoritative over legacy KPI rules. */
.publishing-kpis.publishing-kpis-simple{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
  .publishing-kpis.publishing-kpis-simple{grid-template-columns:1fr}
}

/* Campaign cards: replace the cramped wide table with a readable workflow view. */
.campaign-table-panel{padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}
.campaign-table{display:block;width:100%;min-width:0;border:0}
.campaign-table thead{display:none}
.campaign-table tbody{display:grid;gap:16px}
.campaign-table tr{
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,1.2fr) minmax(150px,.72fr) minmax(175px,.82fr) minmax(220px,1fr);
  grid-template-areas:"name name state actions" "posts target mode next" "posts results results results";
  gap:0 14px;
  padding:20px;
  overflow:hidden;
  border:1px solid #eaded6;
  border-radius:22px;
  background:radial-gradient(circle at 100% 0,rgba(249,115,22,.095),transparent 210px),linear-gradient(145deg,#fff,#fffaf7);
  box-shadow:0 14px 38px rgba(74,44,26,.08);
}
.campaign-table tr:after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#ff9a50,#f15a08)}
.campaign-table tr.campaign-row-needs-action{border-color:#f1b7a8;background:radial-gradient(circle at 100% 0,rgba(239,68,68,.08),transparent 210px),linear-gradient(145deg,#fff,#fff8f6)}
.campaign-table tr.campaign-row-needs-action:after{background:linear-gradient(180deg,#ff8a65,#e5484d)}
.campaign-table td{display:block;min-width:0;padding:12px;border:0;background:transparent;vertical-align:top}
.campaign-table td:first-child{grid-area:name;padding-top:2px}
.campaign-table td:nth-child(2){grid-area:posts}
.campaign-table td:nth-child(3){grid-area:target}
.campaign-table td:nth-child(4){grid-area:mode}
.campaign-table td:nth-child(5){grid-area:state;justify-self:end;padding-top:2px;text-align:right}
.campaign-table td:nth-child(6){grid-area:next}
.campaign-table td:nth-child(7){grid-area:results}
.campaign-table td:nth-child(8){grid-area:actions;justify-self:end;padding-top:2px}
.campaign-table td:before{display:block;margin-bottom:7px;color:#9b735d;font-size:10px;font-weight:850;letter-spacing:.02em}
.campaign-table td:nth-child(2):before{content:"โพสต์ที่ใช้"}
.campaign-table td:nth-child(3):before{content:"ปลายทาง"}
.campaign-table td:nth-child(4):before{content:"วิธีเลือกโพสต์"}
.campaign-table td:nth-child(6):before{content:"รอบถัดไป"}
.campaign-table td:nth-child(7):before{content:"ผลการส่ง"}
.campaign-table td:first-child strong{display:block;color:#20293a;font-size:20px;line-height:1.35}
.campaign-table td:first-child small{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#fff0e6;color:#d9570c;font-size:10px;font-weight:800}
.campaign-table .campaign-post-cell{min-width:0;padding:13px 14px;border:1px solid #ece3dd;border-radius:15px;background:rgba(255,255,255,.8)}
.campaign-table .campaign-post-cell:before{margin-bottom:9px}
.campaign-table .campaign-post-preview{border-color:#e7e9ee;background:#fff;box-shadow:0 5px 16px rgba(40,48,67,.04)}
.campaign-table .campaign-target-count{padding:7px 10px;border-radius:10px;background:#f0edff;color:#6548c5;font-size:12px}
.campaign-table .campaign-next-run{min-width:0;color:#2f394c;font-size:12px;white-space:normal}
.campaign-table .campaign-job-health{min-width:0}
.campaign-table .campaign-last-error{max-width:none;padding:8px 10px;border-radius:9px;background:#fff0ef}
.campaign-table .campaign-queue-link{align-items:center;min-height:32px;padding:6px 10px;border-radius:9px;background:#fff0e6;text-decoration:none}
.campaign-table .campaign-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}
.campaign-table .campaign-actions form{display:flex;margin:0}
.campaign-table .campaign-actions .button,.campaign-table .campaign-actions button{min-height:38px;padding:8px 12px;border-radius:10px;white-space:nowrap}

@media(max-width:1180px){
  .campaign-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"name state" "posts posts" "target mode" "next results" "actions actions"}
  .campaign-table td:nth-child(8){justify-self:stretch}
  .campaign-table .campaign-actions{justify-content:flex-end}
}

@media(max-width:720px){
  .campaign-table-panel{padding:0}
  .campaign-table tbody{gap:12px}
  .campaign-table tr{grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "state" "posts" "target" "mode" "next" "results" "actions";padding:16px 14px 15px;border-radius:18px}
  .campaign-table td{display:block;width:auto;padding:10px 8px;border-bottom:1px solid #f0e8e2}
  .campaign-table td:before{display:block;margin:0 0 6px;color:#9b735d;font-size:10px}
  .campaign-table td:first-child:before,.campaign-table td:nth-child(5):before,.campaign-table td:nth-child(8):before{display:none}
  .campaign-table td:nth-child(5){justify-self:start;padding-top:0;text-align:left}
  .campaign-table td:nth-child(8){justify-self:stretch;padding-top:12px;border-bottom:0}
  .campaign-table td:first-child strong{font-size:18px}
  .campaign-table .campaign-post-cell{padding:12px}
  .campaign-table .campaign-actions{display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}
  .campaign-table .campaign-actions form,.campaign-table .campaign-actions .button,.campaign-table .campaign-actions button{width:100%}
}

/* Publishing results: make every scheduler run auditable and actionable. */
.publishing-round-row td:first-child{position:relative}
.publishing-round-label{
  display:inline-flex;
  width:max-content;
  margin:0 0 7px;
  padding:4px 7px;
  border-radius:7px;
  background:#f0f3f8;
  color:#536176;
  font-size:9px;
  font-weight:900;
}
.publishing-round-label.is-published{background:#e8f8f0;color:#087d59}
.publishing-round-label.is-failed{background:#fff0ef;color:#c23838}
.publishing-round-label.is-processing,.publishing-round-label.is-provider_processing{background:#fff4d9;color:#916200}
.publishing-result-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.publishing-result-links a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:6px 10px;
  border:1px solid #eadfd7;
  border-radius:9px;
  background:#fff;
  color:#596579;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.publishing-result-links a:hover{border-color:#f0a679;color:#d6560c;background:#fff8f3}
.publishing-result-links a.is-live{border-color:#bfe8d5;background:#edf9f3;color:#087d59}
.publishing-result-links>span{align-self:center;color:#929aaa;font-size:9px}
@media(max-width:760px){
  .publishing-result-links{display:grid;grid-template-columns:1fr}
  .publishing-result-links a{justify-content:center}
}

/* Publishing status clarity: one linear story, four meaningful states. */
.publishing-dashboard>.publishing-page-head{
  min-height:104px;
  padding-block:18px;
}
.publishing-status-guide{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 15px;
  border:1px solid #ecdcd2;
  border-radius:14px;
  background:#fff;
  color:#667185;
  font-size:11px;
  box-shadow:0 7px 22px rgba(64,43,28,.045);
}
.publishing-status-guide>b{color:#253044;font-size:12px}
.publishing-status-guide>span{display:flex;align-items:center;gap:6px}
.publishing-status-guide i{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#fff0e6;
  color:#e45b0b;
  font:900 10px "Manrope","Noto Sans Thai";
  font-style:normal;
}
.publishing-status-guide em{color:#d3a88e;font-style:normal}
.publishing-kpis.publishing-kpis-simple{grid-template-columns:repeat(4,minmax(0,1fr))}
.publishing-kpis.publishing-kpis-simple>a{
  position:relative;
  display:grid;
  gap:2px;
  min-height:112px;
  padding:16px 17px;
  border:1px solid #e5e9ef;
  border-radius:17px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  box-shadow:0 9px 26px rgba(40,48,67,.055);
  transition:transform .16s,border-color .16s,box-shadow .16s;
}
.publishing-kpis.publishing-kpis-simple>a:hover{transform:translateY(-2px);border-color:#f0b38e;box-shadow:0 13px 30px rgba(82,47,27,.09)}
.publishing-kpis.publishing-kpis-simple>a:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#a8b1bf}
.publishing-kpis.publishing-kpis-simple .is-scheduled:before{background:#8b5cf6}
.publishing-kpis.publishing-kpis-simple .is-processing:before{background:#e3a008}
.publishing-kpis.publishing-kpis-simple .is-published:before{background:#10a66f}
.publishing-kpis.publishing-kpis-simple .is-failed:before{background:#e5484d}
.publishing-kpis.publishing-kpis-simple>a.is-selected{border-color:#f28b50;box-shadow:0 0 0 3px rgba(249,115,22,.11),0 13px 30px rgba(82,47,27,.08)}
.publishing-kpis.publishing-kpis-simple>a>span{color:#667185;font-size:11px;font-weight:850}
.publishing-kpis.publishing-kpis-simple>a>strong{color:#20293a;font:850 29px/1.15 "Manrope","Noto Sans Thai"}
.publishing-kpis.publishing-kpis-simple>a>small{color:#8b94a4;font-size:9px;line-height:1.5}
.publishing-jobs-section{padding-top:4px}
.status-filters.status-filters-simple{gap:7px;padding-bottom:2px}
.status-filters.status-filters-simple a{min-height:40px;padding:9px 13px}
.status-filters.status-filters-simple a b{min-width:23px}
.publishing-empty-state{min-height:260px}
.publishing-empty-state>div{display:flex;justify-content:center;gap:9px;margin-top:9px}

@media(max-width:1080px){
  .publishing-kpis.publishing-kpis-simple{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .publishing-dashboard>.publishing-page-head{min-height:0}
  .publishing-status-guide{align-items:flex-start;flex-direction:column}
  .publishing-status-guide em{display:none}
  .publishing-kpis.publishing-kpis-simple{grid-template-columns:1fr 1fr}
  .publishing-kpis.publishing-kpis-simple>a{min-height:105px;padding:14px}
  .publishing-section-head{align-items:flex-start;gap:7px;flex-direction:column}
  .status-filters.status-filters-simple{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .status-filters.status-filters-simple a{justify-content:space-between}
  .publishing-empty-state>div{align-items:stretch;flex-direction:column}
}
@media(max-width:480px){
  .publishing-kpis.publishing-kpis-simple{grid-template-columns:1fr}
  .publishing-kpis.publishing-kpis-simple>a{min-height:96px}
}

/* Provider identity: show which provider login owns each API key. */
.credential-fields>label:last-child{grid-column:1/-1}
.credential-fields label small{color:#929aab;font-size:9px;font-weight:600}
.credential-provider-identity{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:15px 0 12px;
  padding:12px 13px;
  border:1px solid #e8e3df;
  border-radius:13px;
  background:linear-gradient(145deg,#fff,#fff9f5);
}
.credential-provider-identity>div{display:grid;min-width:0;gap:2px}
.credential-provider-identity small{color:#8a93a3;font-size:9px;font-weight:850}
.credential-provider-identity strong{overflow:hidden;color:#273145;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.credential-provider-identity span{color:#8a93a3;font-size:9px}
.credential-provider-identity button{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 10px;
  border:1px solid #f0c7ad;
  border-radius:9px;
  background:#fff;
  color:#d8570c;
  font-size:10px;
  font-weight:850;
}
.credential-provider-identity button:hover{background:#fff0e6}
.credential-identity-dialog{width:min(480px,calc(100% - 28px))}
.credential-identity-dialog form{display:grid;gap:14px}
.credential-identity-dialog .modal-head>div{display:grid}
.credential-identity-dialog .modal-head p{margin:3px 0 0;color:#798396;font-size:10px}
.credential-identity-dialog label{display:grid;gap:6px;color:#3f4859;font-size:11px;font-weight:800}
.credential-identity-dialog input{width:100%;height:46px;border:1px solid #dfe3ea;border-radius:11px;padding:10px 12px;font:inherit}
@media(max-width:600px){
  .credential-provider-identity{align-items:stretch;flex-direction:column}
  .credential-provider-identity button{width:100%}
}
.entitlement-alert{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 28px 0;padding:15px 18px;border:1px solid #f5b27f;border-left:5px solid #f97316;border-radius:16px;background:#fff7ed;color:#7c2d12;box-shadow:0 12px 32px rgba(154,52,18,.09)}
.entitlement-alert div{display:grid;gap:3px}.entitlement-alert b{font-size:16px}.entitlement-alert span{font-size:13px;line-height:1.55;color:#9a3412}.entitlement-alert a{flex:none;padding:10px 15px;border-radius:11px;background:#f97316;color:#fff;font-weight:800;text-decoration:none}.auth-help-row{align-items:center}.auth-help-row>span{max-width:68%;font-size:12px;line-height:1.45;color:#7b8498}
.media-upload-rules:after{content:'✓ สูงสุด 95 MB ต่อไฟล์'}
.legal-links{display:flex;flex-wrap:wrap;gap:14px}.legal-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}.legal-page{min-height:calc(100vh - 80px);padding:48px 20px;background:linear-gradient(180deg,#fff7ed,#fff)}.legal-card{max-width:900px;margin:auto;padding:40px;border:1px solid #f3d8c6;border-radius:24px;background:#fff;box-shadow:0 24px 60px rgba(124,45,18,.08)}.legal-card h1{margin:10px 0 4px;font-size:clamp(32px,5vw,52px)}.legal-card h2{margin:30px 0 8px;font-size:20px}.legal-card p{color:#596277;line-height:1.8}.legal-card a{color:#c2410c}.legal-updated{font-size:13px}
@media(max-width:720px){.entitlement-alert{align-items:flex-start;flex-direction:column;margin:10px 12px 0;padding:13px 14px}.entitlement-alert a{width:100%;text-align:center}.auth-help-row>span{max-width:62%}}
@media(max-width:720px){.legal-page{padding:20px 12px}.legal-card{padding:24px 18px;border-radius:18px}}

/* Package limits are visible before users hit an error. */
.package-usage-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 20px}
.package-usage-strip>div{display:grid;gap:7px;min-width:0;padding:14px 15px;border:1px solid #ebe3de;border-radius:15px;background:linear-gradient(145deg,#fff,#fffaf7);box-shadow:0 10px 25px rgba(68,42,25,.045)}
.package-usage-strip span{color:#7b8496;font-size:11px;font-weight:750}.package-usage-strip b{overflow:hidden;color:#273145;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.package-usage-strip i{height:7px;overflow:hidden;border-radius:999px;background:#eeeae7}.package-usage-strip em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a55,#f45b0a)}
@media(max-width:980px){.package-usage-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.package-usage-strip{grid-template-columns:1fr;gap:7px}.package-usage-strip>div{padding:11px 12px}}

/* Campaign board: compact three-column cards with clear progress and actions. */
.campaign-table-panel{display:none!important}
.campaign-board{display:grid;gap:16px;margin-top:18px}
.campaign-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px}
.campaign-board-head>div{display:grid;gap:2px}.campaign-board-head b{color:#20293a;font-size:17px}.campaign-board-head span{color:#7b8495;font-size:12px}.campaign-board-head>a{color:#d9550b;font-size:12px;font-weight:850;text-decoration:none}
.campaign-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.campaign-card{position:relative;display:flex;min-width:0;min-height:510px;flex-direction:column;overflow:hidden;padding:20px;border:1px solid #eadfd8;border-radius:22px;background:linear-gradient(155deg,#fff 0%,#fffaf7 100%);box-shadow:0 16px 42px rgba(81,47,27,.07)}
.campaign-card-accent{position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff9a50,#f15a08)}
.campaign-card.state-working .campaign-card-accent{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.campaign-card.state-completed .campaign-card-accent{background:linear-gradient(90deg,#34d399,#059669)}.campaign-card.state-paused .campaign-card-accent{background:linear-gradient(90deg,#94a3b8,#64748b)}.campaign-card.state-needs_setup .campaign-card-accent{background:linear-gradient(90deg,#fb7185,#dc2626)}
.campaign-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.campaign-card>header>div{min-width:0}.campaign-card-id{display:block;margin-bottom:3px;color:#d75a12;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.campaign-card h2{margin:0;overflow:hidden;color:#20293a;font-size:20px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.campaign-card-head-actions{display:flex;align-items:flex-end;justify-content:flex-end;flex-direction:column;gap:7px;flex:none}.campaign-card-head-actions form{margin:0}
.campaign-state{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 9px;border-radius:999px;background:#eef2ff;color:#5742a8;font-size:10px;font-weight:850;white-space:nowrap}.campaign-state i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px currentColor;opacity:.75}.campaign-state.state-working{background:#fff4d6;color:#9a6800}.campaign-state.state-completed{background:#eaf9f2;color:#087d58}.campaign-state.state-paused{background:#eef1f5;color:#5e6878}.campaign-state.state-needs_setup{background:#fff0f0;color:#c83b42}
.campaign-progress{display:grid;gap:8px;margin-bottom:16px;padding:14px;border:1px solid #eee4de;border-radius:16px;background:rgba(255,255,255,.82)}.campaign-progress>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-progress b{color:#5f6777;font-size:11px}.campaign-progress strong{color:#ef6416;font-size:20px}.campaign-progress>span{height:9px;overflow:hidden;border-radius:999px;background:#eee9e5}.campaign-progress>span>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a50,#f15a08);transition:width .35s ease}.campaign-progress small{color:#8991a0;font-size:9px;line-height:1.5}
.campaign-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.campaign-card-stats>div{display:grid;align-content:start;gap:4px;min-width:0;padding:11px;border-radius:13px;background:#f6f7f9}.campaign-card-stats>div:last-child{grid-column:1/-1}.campaign-card-stats small,.campaign-social-strip small,.campaign-card-next small{color:#9299a7;font-size:9px;font-weight:800}.campaign-card-stats b{color:#30394b;font-size:11px;line-height:1.45}
.campaign-social-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;padding:13px;border:1px solid #eee5df;border-radius:15px;background:#fff}.campaign-social-strip>div{display:grid;align-content:start;gap:7px;min-width:0}.campaign-social-strip b{display:-webkit-box;overflow:hidden;color:#4b5568;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.campaign-social-icons{display:flex;flex-wrap:wrap;gap:5px}.campaign-social-icons .social-brand{width:28px;height:28px;border-radius:8px;font-size:9px}.campaign-social-icons .is-empty{color:#c13c3c;font-size:10px;font-weight:800}
.campaign-card-next{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.campaign-card-next>span{display:grid;gap:3px;min-width:0}.campaign-card-next b{color:#323c4f;font-size:10px;line-height:1.45}.campaign-card-next b.has-error{color:#c53b3b}
.campaign-card>footer{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.campaign-detail-button,.campaign-quick-edit{min-height:42px;border:0;border-radius:12px;font:800 12px "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.campaign-detail-button{background:linear-gradient(135deg,#ff8a3d,#f45b0a);color:#fff;box-shadow:0 9px 20px rgba(244,91,10,.18)}.campaign-quick-edit{padding-inline:14px;border:1px solid #f1d2bf;background:#fff;color:#bd4a0c}.campaign-card-head-actions .campaign-card-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:74px!important;min-height:34px!important;margin:0!important;padding:6px 11px!important;appearance:none!important;border:1px solid #f7b8b8!important;border-radius:999px!important;background:linear-gradient(180deg,#fff,#fff5f5)!important;box-shadow:0 6px 14px rgba(190,45,45,.08)!important;color:#c73535!important;font:800 10px "Manrope","Noto Sans Thai",sans-serif!important;line-height:1!important;cursor:pointer!important}.campaign-card-delete span{display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#fee2e2;color:#b91c1c;font-size:13px;line-height:1}.campaign-card-delete:hover{border-color:#f87171!important;background:#feecec!important;box-shadow:0 8px 18px rgba(190,45,45,.14)!important}.campaign-detail-button:hover,.campaign-quick-edit:hover,.campaign-card-delete:hover{transform:translateY(-1px)}
.campaign-board-empty{padding:50px;border:1px dashed #e7cdbd;border-radius:22px;background:#fff}

.campaign-detail-dialog{width:min(880px,calc(100% - 28px));max-height:92dvh;overflow:auto;border-radius:22px}.campaign-detail-dialog>.modal-head{position:sticky;top:0;z-index:5;padding:20px 24px;border-bottom:1px solid #eee7e2;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.campaign-detail-dialog>.modal-head h2{margin:2px 0 0;font-size:23px}.campaign-detail-dialog>.modal-head p{margin:3px 0 0;color:#818999;font-size:11px}.campaign-detail-body{display:grid;gap:18px;padding:22px 24px}.campaign-detail-body>section:not(.campaign-detail-progress){display:grid;gap:10px}.campaign-detail-body h3{margin:0;color:#263044;font-size:14px}.campaign-detail-body h3 small{color:#8e96a5;font-size:10px}
.campaign-detail-progress{display:grid;gap:10px;padding:17px;border:1px solid #f0dfd4;border-radius:17px;background:linear-gradient(145deg,#fff9f5,#fff)}.campaign-detail-progress>div{display:flex;align-items:center;justify-content:space-between}.campaign-detail-progress>div>strong{color:#ed6114;font-size:28px}.campaign-detail-progress>span{height:11px;overflow:hidden;border-radius:999px;background:#eee8e4}.campaign-detail-progress>span>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a50,#f15a08)}.campaign-detail-progress p{margin:0;color:#7f8796;font-size:11px}
.campaign-detail-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px!important}.campaign-detail-grid>div{display:grid;align-content:start;gap:5px;padding:13px;border-radius:13px;background:#f6f7f9}.campaign-detail-grid small{color:#9299a7;font-size:9px;font-weight:800}.campaign-detail-grid b{color:#344055;font-size:11px;line-height:1.5}
.campaign-detail-socials{display:flex;flex-wrap:wrap;gap:8px}.campaign-detail-socials>span{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #e7e9ed;border-radius:11px;background:#fff}.campaign-detail-socials .social-brand{width:30px;height:30px;border-radius:9px}.campaign-detail-socials b{font-size:11px}.campaign-detail-warning{width:100%;margin:0;padding:12px;border-radius:11px;background:#fff0f0;color:#bd3434;font-size:11px;font-weight:750}.campaign-content-types{display:flex;flex-wrap:wrap;gap:7px}.campaign-content-types span{padding:7px 10px;border-radius:999px;background:#fff0e6;color:#c6500e;font-size:10px;font-weight:800}
.campaign-detail-posts{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:260px;overflow:auto}.campaign-detail-posts button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:11px 12px;border:1px solid #e7e9ee;border-radius:12px;background:#fff;text-align:left}.campaign-detail-posts button>span{display:grid;min-width:0}.campaign-detail-posts b,.campaign-detail-posts small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-detail-posts b{color:#303a4e;font-size:11px}.campaign-detail-posts small{margin-top:3px;color:#9299a7;font-size:9px}.campaign-detail-posts i{flex:none;color:#d9570c;font-size:10px;font-style:normal;font-weight:850}.campaign-detail-error{padding:14px;border:1px solid #f4c4c4;border-radius:14px;background:#fff5f5}.campaign-detail-error p{margin:0;color:#a93939;font-size:11px;line-height:1.6}.campaign-detail-error a{color:#c73737;font-size:10px;font-weight:850}
.campaign-detail-footer{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid #eee7e2;background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}.campaign-detail-footer form{margin:0}.campaign-detail-footer .button{min-height:42px;padding:9px 13px;font-size:11px}

.multi-time-field{align-content:start}.schedule-time-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:7px}.schedule-time-row{position:relative;display:block;min-width:0}.schedule-time-row input{width:100%;padding-right:42px!important}.schedule-time-remove{position:absolute;right:7px;top:50%;display:grid;width:29px;height:29px;padding:0;place-items:center;transform:translateY(-50%);border:0;border-radius:9px;background:#fff0f0;color:#cc3e3e;font-size:18px;font-weight:800;cursor:pointer}.schedule-time-remove[hidden]{display:none}.schedule-time-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:42px;margin-top:8px;border:1px dashed #f2a878;border-radius:11px;background:#fff8f3;color:#c85311;font:800 11px "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.schedule-time-add b{font-size:16px}.schedule-time-add:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:1280px){.campaign-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.campaign-board{margin-top:12px}.campaign-board-head{align-items:flex-start;flex-direction:column}.campaign-card-grid{grid-template-columns:1fr;gap:12px}.campaign-card{min-height:0;padding:17px;border-radius:18px}.campaign-card h2{font-size:18px}.campaign-card-stats,.campaign-social-strip,.campaign-card-next{grid-template-columns:1fr 1fr}.campaign-detail-dialog{width:100%;max-width:none;height:100dvh;max-height:100dvh;border-radius:0}.campaign-detail-dialog>.modal-head,.campaign-detail-body,.campaign-detail-footer{padding-left:15px;padding-right:15px}.campaign-detail-grid{grid-template-columns:1fr 1fr}.campaign-detail-posts{grid-template-columns:1fr}.campaign-detail-footer{display:grid;grid-template-columns:1fr 1fr}.campaign-detail-footer form{grid-column:1/-1}.campaign-detail-footer .button,.campaign-detail-footer form,.campaign-detail-footer form .button{width:100%}.schedule-time-list{grid-template-columns:1fr 1fr}}

.credential-unlimited-note{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid #bfe9d7;border-radius:14px;background:#f0fbf6}.credential-unlimited-note>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#15966b;color:#fff;font-size:25px;font-weight:900}.credential-unlimited-note div{display:grid;gap:3px}.credential-unlimited-note b{color:#17664d;font-size:.88rem}.credential-unlimited-note small{color:#63776f;font-size:.72rem;line-height:1.5}.credential-free-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:10px;border:1px solid #f1ded1;border-radius:13px;background:#fffaf7}.credential-free-summary>div{display:grid;gap:3px;padding:9px 10px;border-radius:10px;background:#fff}.credential-free-summary small{color:#9b7a68;font-size:.66rem}.credential-free-summary b{color:#273246;font-size:.84rem}.credential-free-summary p{grid-column:1/-1;display:grid;gap:3px;margin:0;padding:9px 10px;border-radius:10px;background:#fff3e9;color:#7f5e4b}.credential-free-summary p b{color:#ce580e;font-size:.69rem}.credential-free-summary p span{font-size:.7rem;line-height:1.5}

.first-comment-media-field{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:end;padding:12px;border:1px solid #dce7f7;border-radius:13px;background:#f8fbff}.first-comment-media-field>label{margin:0}.first-comment-media-preview{display:grid;place-items:center;align-content:center;min-height:96px;overflow:hidden;border:1px dashed #bdd0e9;border-radius:11px;background:#fff}.first-comment-media-preview img{width:100%;height:96px;object-fit:cover}.first-comment-media-preview b{width:100%;overflow:hidden;padding:5px 7px;color:#65728a;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.first-comment-media-preview span{padding:10px;color:#8a96aa;font-size:.67rem;text-align:center}.first-comment-media-field>p{grid-column:1/-1;margin:0;color:#65728a;font-size:.69rem}

.campaign-post-job-summary{display:block!important;margin-top:6px!important;color:#a0745d!important;font-size:.65rem!important;font-style:normal!important;font-weight:700!important;white-space:normal!important}.campaign-post-results-loading{padding:22px;border:1px dashed #f1b98f;border-radius:13px;background:#fff8f2;color:#cb5c17;font-size:.82rem;font-weight:800;text-align:center}.campaign-post-result-dialog .campaign-post-detail-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.campaign-post-source-compact,.campaign-post-results{min-width:0}.campaign-post-result-list{display:grid;gap:8px}.campaign-post-result-list>article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;align-items:start;padding:11px;border:1px solid #e5e9ef;border-radius:13px;background:#fff}.campaign-post-result-list>article.status-failed{border-color:#f2c9c9;background:#fff8f8}.campaign-post-result-list>article.status-provider_processing{border-color:#f5d2a7;background:#fffbf5}.campaign-post-result-list .social-brand{width:38px;height:38px}.campaign-post-result-list article>div{display:grid;gap:3px;min-width:0}.campaign-post-result-list article>div>b{overflow:hidden;color:#273246;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.campaign-post-result-list article>div>small{color:#8a94a5;font-size:.63rem;line-height:1.45}.campaign-post-result-list article>div>p{margin:4px 0 0;padding:7px 8px;border-radius:8px;background:#fff0f0;color:#b63838;font-size:.67rem;line-height:1.45}.campaign-post-result-list article>footer{grid-column:2/-1;display:flex;gap:7px;align-items:center}.campaign-post-result-list article>footer a,.campaign-post-result-list article>footer button{display:inline-flex;align-items:center;min-height:31px;padding:5px 9px;border:1px solid #f0c3a6;border-radius:9px;background:#fff;color:#c95410;font-size:.66rem;font-weight:850}.campaign-post-no-results{display:grid;gap:4px;padding:18px;border:1px dashed #dedfe4;border-radius:12px;background:#fafbfc;text-align:center}.campaign-post-no-results b{color:#344055}.campaign-post-no-results span{color:#8b94a4;font-size:.72rem}.campaign-post-no-results.is-error{border-color:#efbcbc;background:#fff5f5;color:#b63838}.campaign-post-result-list .first-comment-warning{border-left:3px solid #e99a2e;background:#fff8e9;color:#986118}

@media(max-width:760px){.credential-free-summary,.first-comment-media-field,.campaign-post-result-dialog .campaign-post-detail-body{grid-template-columns:1fr}.first-comment-media-preview{min-height:120px}.first-comment-media-preview img{height:120px}.campaign-post-result-list>article{grid-template-columns:36px minmax(0,1fr)}.campaign-post-result-list>article>.pill{grid-column:2;justify-self:start}.campaign-post-result-list article>footer{grid-column:1/-1}}
.campaign-post-result-dialog .campaign-post-results{grid-column:1/-1}
@media(max-width:420px){.campaign-card>header{align-items:flex-start}.campaign-card-head-actions{align-items:flex-end;flex-direction:column}.campaign-state{padding:5px 7px;font-size:9px}.campaign-card-stats,.campaign-social-strip,.campaign-card-next,.campaign-detail-grid,.schedule-time-list{grid-template-columns:1fr}.campaign-card-stats>div:last-child{grid-column:auto}.campaign-card>footer{grid-template-columns:1fr 1fr}}

/* Publishing history bulk actions. Finished jobs can be hidden without changing package usage. */
.publishing-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid #eee3dc;background:linear-gradient(90deg,#fffaf7,#fff)}
.publishing-bulk-bar>label{display:flex;align-items:center;gap:9px;color:#465166;font-size:11px;font-weight:800;cursor:pointer}
.publishing-bulk-bar input,.publishing-select-column input{width:18px;height:18px;margin:0;accent-color:#f56a18;cursor:pointer}
.publishing-bulk-bar>div{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.publishing-bulk-bar form{margin:0}
.publishing-bulk-bar .button{min-height:38px}
.publishing-bulk-bar .button b{display:inline-grid;min-width:20px;height:20px;margin-left:4px;padding:0 5px;place-items:center;border-radius:999px;background:#fff1e8;color:#ce500b;font-size:10px}
.button-danger-soft{border:1px solid #fecaca!important;background:#fff5f5!important;color:#c73535!important}
.button-danger-soft:hover{background:#feecec!important}
.publishing-select-column{width:46px!important;min-width:46px!important;text-align:center!important}
.publishing-select-column input:disabled{cursor:not-allowed;opacity:.28}
.publishing-jobs-table tr:has(.publishing-select-column input:checked){box-shadow:inset 4px 0 #f97316;background:#fff9f5}
@media(max-width:720px){
  .publishing-bulk-bar{align-items:stretch;flex-direction:column;padding:11px 12px}
  .publishing-bulk-bar>div{display:grid;grid-template-columns:1fr 1fr}
  .publishing-bulk-bar .button,.publishing-bulk-bar form,.publishing-bulk-bar form .button{width:100%}
}

.campaign-plan-section{border:1px solid #ffd6c2;background:linear-gradient(180deg,#fffaf7,#fff);border-radius:20px;padding:18px}.campaign-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.campaign-plan-heading h3{margin:0 0 4px}.campaign-plan-heading p{margin:0;color:#738097;font-size:.9rem}.campaign-plan-heading>span{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#fff0e8;color:#c94e12;font-weight:800;font-size:.78rem}.campaign-plan-list{display:grid;gap:9px}.campaign-plan-list article{display:grid;grid-template-columns:36px 110px minmax(180px,1fr) minmax(160px,1fr) auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #e7ebf2;border-radius:15px;background:#fff}.campaign-plan-order{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff0e7;color:#f35b16;font-weight:900}.campaign-plan-list time{display:grid}.campaign-plan-list time b{color:#202b3e}.campaign-plan-list time span{color:#f05a16;font-weight:800}.campaign-plan-list button{border:0;background:transparent;text-align:left;padding:0;color:#172238;cursor:pointer}.campaign-plan-list button b,.campaign-plan-list button small{display:block}.campaign-plan-list button small{color:#e85a19;margin-top:3px}.campaign-plan-socials{display:flex;flex-wrap:wrap;gap:6px}.campaign-plan-socials>span{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid #e5e9f0;border-radius:10px;font-size:.78rem;font-weight:800}.campaign-plan-socials .social-brand{width:24px;height:24px;border-radius:7px;font-size:.7rem}.campaign-plan-list article>em{font-style:normal;white-space:nowrap;padding:7px 9px;border-radius:999px;background:#f0ebff;color:#7047cf;font-size:.76rem;font-weight:900}.campaign-plan-empty{padding:22px;border:1px dashed #e4cfc4;border-radius:14px;text-align:center;color:#768197;background:#fff}
@media(max-width:820px){.campaign-plan-list article{grid-template-columns:34px 88px 1fr}.campaign-plan-socials{grid-column:2/4}.campaign-plan-list article>em{grid-column:2/4;justify-self:start}.campaign-plan-heading{display:grid}.campaign-plan-heading>span{justify-self:start}}
@media(max-width:520px){.campaign-plan-list article{grid-template-columns:34px 1fr}.campaign-plan-list time{grid-column:2}.campaign-plan-list button,.campaign-plan-socials,.campaign-plan-list article>em{grid-column:1/3}.campaign-plan-section{padding:13px}}

.campaign-detail-dialog{overflow-x:hidden}.campaign-detail-dialog>.modal-head{box-sizing:border-box;width:100%;padding-left:30px!important;padding-right:30px!important}.campaign-detail-dialog>.modal-head>div{min-width:0}.campaign-detail-dialog>.modal-head h2,.campaign-detail-dialog>.modal-head p{overflow-wrap:anywhere}.campaign-detail-body,.campaign-detail-body>section,.campaign-plan-list,.campaign-plan-list article{min-width:0}.campaign-plan-list article>*{min-width:0}
.campaign-picker-fieldset{display:grid;gap:12px}.campaign-picker-button{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:16px 18px;border:1px solid #eadbd3;border-radius:18px;background:linear-gradient(135deg,#fff,#fff8f3);color:#1f2937;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(90,55,35,.06)}.campaign-picker-button:hover,.campaign-picker-button.is-open{border-color:#ff8b53;box-shadow:0 12px 30px rgba(249,115,22,.13)}.campaign-picker-button>span{display:grid;gap:4px;flex:1}.campaign-picker-button b{font-size:1.05rem}.campaign-picker-button small{color:#7e8798}.campaign-picker-button strong{padding:8px 12px;border-radius:999px;background:#f2f4f7;color:#667085;white-space:nowrap;font-size:.8rem}.campaign-picker-button.has-selection strong{background:#e9f9f1;color:#148455}.campaign-picker-button i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#fff0e7;color:#e95510;font-size:1.35rem;font-style:normal}.campaign-picker-search{display:block!important}.campaign-picker-search[hidden]{display:none!important}.campaign-picker-search input{width:100%;min-height:48px;padding:0 15px;border:1px solid #dfe4ec;border-radius:14px;background:#fff}.campaign-picker-grid{max-height:390px;overflow:auto;padding:4px 5px 8px}.campaign-picker-grid[hidden]{display:none!important}
.campaign-end-settings{display:grid;gap:14px;margin:4px 0 16px;padding:18px;border:1px solid #eadbd3;border-radius:18px;background:#fff}.campaign-end-settings>legend{padding:0 8px;font-size:1rem;font-weight:900}.campaign-end-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.campaign-end-options>label{position:relative}.campaign-end-options input{position:absolute;opacity:0;pointer-events:none}.campaign-end-options span{display:grid;gap:4px;height:100%;padding:14px;border:1px solid #e3e7ee;border-radius:14px;background:#fff;cursor:pointer}.campaign-end-options small{color:#7c8799}.campaign-end-options input:checked+span{border-color:#ff7a32;background:#fff5ef;box-shadow:0 0 0 3px rgba(249,115,22,.11)}.campaign-end-options input:checked+span b{color:#d9500c}.campaign-end-value{display:grid!important;gap:7px;padding:14px;border-radius:14px;background:#f8fafc}.campaign-end-value[hidden]{display:none!important}.campaign-end-value input{width:100%;min-height:48px;padding:0 13px;border:1px solid #dbe2ea;border-radius:12px;background:#fff}
@media(max-width:760px){.campaign-detail-dialog>.modal-head{padding-left:18px!important;padding-right:18px!important}.campaign-end-options{grid-template-columns:1fr}.campaign-picker-button{min-height:74px;padding:13px}.campaign-picker-button small{font-size:.78rem}.campaign-picker-button strong{font-size:.72rem}.campaign-picker-grid{max-height:55dvh}}
.campaign-schedule-dialog{width:min(1040px,calc(100% - 36px));max-height:94dvh}.campaign-schedule-dialog>form{max-height:94dvh;padding:30px 36px 36px}.campaign-schedule-dialog .modal-head{margin:-30px -36px 24px;padding:24px 36px}.campaign-schedule-dialog .modal-head h2{font-size:1.55rem}
@media(max-width:760px){.campaign-schedule-dialog{width:100%;max-height:100dvh}.campaign-schedule-dialog>form{max-height:100dvh;padding:18px 15px 26px}.campaign-schedule-dialog .modal-head{margin:-18px -15px 18px;padding:18px 16px}.campaign-schedule-dialog .modal-head h2{font-size:1.25rem}}

/* Lazy campaign library popup. */
.campaign-picker-button:disabled{cursor:not-allowed;opacity:.6}.campaign-picker-selection{display:flex;flex-wrap:wrap;gap:7px}.campaign-picker-selection[hidden]{display:none!important}.campaign-picker-chip{max-width:220px;padding:7px 10px;overflow:hidden;border:1px solid #fed0b8;border-radius:999px;background:#fff6f0;color:#b9470f;font:800 .75rem "Manrope","Noto Sans Thai",sans-serif;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.campaign-picker-chip:hover{border-color:#ef4444;background:#fff1f1;color:#c83333}.campaign-picker-empty-link{justify-self:start;color:#d95512;font-size:.82rem;font-weight:850;text-decoration:none}.campaign-compatibility-note.is-error{padding:10px 12px;border:1px solid #fecaca;border-radius:12px;background:#fff4f4;color:#c63838}
.campaign-library-dialog{box-sizing:border-box;width:min(820px,calc(100% - 32px));height:min(760px,90dvh);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(43,27,18,.32);color:#1f2937}.campaign-library-dialog::backdrop{background:rgba(34,25,21,.68);backdrop-filter:blur(3px)}.campaign-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid #f0e5df;background:linear-gradient(135deg,#fff,#fff7f1)}.campaign-library-head>div{min-width:0}.campaign-library-head span{display:block;margin-bottom:5px;color:#f26117;font-size:.74rem;font-weight:900;letter-spacing:.09em}.campaign-library-head h2{margin:0 0 5px;font-size:1.45rem}.campaign-library-head p{margin:0;color:#758096;font-size:.84rem}.campaign-library-head>button{display:grid;flex:0 0 auto;width:42px;height:42px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff0e7;color:#d95714;font-size:1.45rem;cursor:pointer}
.campaign-library-tools{display:flex;align-items:center;gap:12px;padding:16px 26px;border-bottom:1px solid #eef0f4}.campaign-library-tools label{flex:1}.campaign-library-tools input{box-sizing:border-box;width:100%;min-height:50px;padding:0 16px;border:1px solid #dfe4eb;border-radius:14px;background:#f9fafb;font:700 .9rem "Manrope","Noto Sans Thai",sans-serif;outline:0}.campaign-library-tools input:focus{border-color:#ff7a32;background:#fff;box-shadow:0 0 0 4px rgba(249,115,22,.1)}.campaign-library-tools strong{white-space:nowrap;color:#687386;font-size:.78rem}.campaign-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;height:calc(100% - 236px);min-height:210px;padding:16px 26px;overflow:auto;background:#f8fafc}.campaign-library-list.is-loading{cursor:progress}
.campaign-library-item{position:relative;display:grid;grid-template-columns:auto 44px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid #e2e7ee;border-radius:16px;background:#fff;cursor:pointer;transition:.15s}.campaign-library-item:hover{border-color:#ff9b68;box-shadow:0 9px 22px rgba(85,56,38,.08);transform:translateY(-1px)}.campaign-library-item.is-selected{border-color:#ff7430;background:#fff8f4;box-shadow:0 0 0 3px rgba(249,115,22,.1)}.campaign-library-item>input{position:absolute;opacity:0;pointer-events:none}.campaign-library-item>span:nth-of-type(2){display:grid;min-width:0;gap:3px}.campaign-library-item b,.campaign-library-item small{display:block;overflow:hidden;text-overflow:ellipsis}.campaign-library-item b{font-size:.9rem;white-space:nowrap}.campaign-library-item small{color:#768197;font-size:.73rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.campaign-library-brand{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ff863d,#f45c0c);color:#fff;font-size:.85rem;font-weight:900;box-shadow:0 7px 16px rgba(249,115,22,.2)}.campaign-library-brand.facebook{background:#1877f2}.campaign-library-brand.instagram{background:linear-gradient(135deg,#7b3cff,#f52e75,#ff9d24)}.campaign-library-brand.tiktok,.campaign-library-brand.twitter,.campaign-library-brand.x,.campaign-library-brand.threads{background:#101216}.campaign-library-brand.youtube,.campaign-library-brand.pinterest{background:#ff0037}.campaign-library-brand.linkedin{background:#0a66c2}.campaign-library-brand.reddit{background:#ff4500}.campaign-library-item>i{display:grid;width:25px;height:25px;place-items:center;border:2px solid #d9e0e8;border-radius:50%;color:transparent;font-size:.7rem;font-style:normal}.campaign-library-item.is-selected>i{border-color:#f97316;background:#f97316;color:#fff}
.campaign-library-loading,.campaign-library-empty{grid-column:1/-1;display:grid;align-content:center;justify-items:center;gap:10px;min-height:250px;color:#778296;text-align:center}.campaign-library-loading:before{content:"";width:34px;height:34px;border:4px solid #ffe0cf;border-top-color:#f97316;border-radius:50%;animation:campaign-picker-spin .75s linear infinite}.campaign-library-empty b{color:#263247;font-size:1.05rem}.campaign-library-empty span{font-size:.84rem}.campaign-library-empty.is-error{color:#c93838}.campaign-library-more{display:block;width:calc(100% - 52px);min-height:42px;margin:0 26px 10px;border:1px dashed #f2a778;border-radius:12px;background:#fff8f3;color:#c85414;font-weight:850;cursor:pointer}.campaign-library-more[hidden]{display:none}.campaign-library-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:74px;padding:12px 26px;border-top:1px solid #e8e3df;background:#fff}.campaign-library-footer>span{color:#596579;font-size:.86rem;font-weight:850}.campaign-library-footer>div{display:flex;gap:9px}.campaign-library-footer .button{min-height:44px}.campaign-library-footer .button:disabled{opacity:.45;cursor:not-allowed}@keyframes campaign-picker-spin{to{transform:rotate(360deg)}}
@media(max-width:640px){.campaign-library-dialog{width:100%;height:100dvh;border-radius:0}.campaign-library-head{padding:18px 16px 14px}.campaign-library-head h2{font-size:1.2rem}.campaign-library-head p{font-size:.76rem}.campaign-library-tools{align-items:stretch;flex-direction:column;padding:12px 15px}.campaign-library-tools input{min-height:48px}.campaign-library-list{grid-template-columns:1fr;height:calc(100% - 264px);padding:12px 15px}.campaign-library-item{min-height:76px}.campaign-library-more{width:calc(100% - 30px);margin-left:15px;margin-right:15px}.campaign-library-footer{align-items:stretch;flex-direction:column;padding:10px 15px}.campaign-library-footer>div{display:grid;grid-template-columns:1fr 1.4fr}.campaign-library-footer .button{width:100%}.campaign-picker-button{gap:9px}.campaign-picker-button>span small{line-height:1.4}.campaign-picker-button strong{padding:7px 9px}.campaign-picker-chip{max-width:160px}}
.campaign-library-item{grid-template-columns:44px minmax(0,1fr) auto}
.campaign-library-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}.campaign-library-dialog:not([open]){display:none!important}.campaign-library-list{height:auto;min-height:0}.campaign-library-footer{position:relative;z-index:4;box-shadow:0 -10px 24px rgba(52,36,25,.07)}
@media(max-width:640px){.campaign-library-list{height:auto;min-height:0}.campaign-library-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}

/* Provider error evidence: friendly summary first, exact upstream details on demand. */
.provider-error-details{max-width:430px;margin-top:8px}.provider-error-details>summary{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #fecaca;border-radius:10px;background:#fff7f7;color:#bd3030;font-size:.74rem;font-weight:850;cursor:pointer;list-style:none}.provider-error-details>summary::-webkit-details-marker{display:none}.provider-error-details>summary:after{content:"⌄";font-size:.9rem}.provider-error-details[open]>summary:after{transform:rotate(180deg)}.provider-error-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;padding:12px;border:1px solid #f3c8c8;border-radius:13px;background:#fffafa;box-shadow:0 8px 22px rgba(139,42,42,.07)}.provider-error-card p{display:grid;gap:2px;margin:0;padding:8px;border-radius:9px;background:#fff}.provider-error-card p b,.provider-error-message>b{color:#8d3b3b;font-size:.67rem;text-transform:uppercase;letter-spacing:.04em}.provider-error-card p span,.provider-error-card code{overflow-wrap:anywhere;color:#31394a;font:750 .76rem "Manrope","Noto Sans Thai",sans-serif}.provider-error-message{display:grid;grid-column:1/-1;gap:5px;padding:10px;border-left:3px solid #ef4444;border-radius:8px;background:#fff}.provider-error-message span{color:#9f2929;font-size:.78rem;line-height:1.55;overflow-wrap:anywhere}.provider-error-raw{grid-column:1/-1}.provider-error-raw>summary{color:#596579;font-size:.72rem;font-weight:800;cursor:pointer}.provider-error-raw pre{max-height:240px;margin:8px 0 0;padding:10px;overflow:auto;border-radius:9px;background:#202633;color:#e7edf5;font:500 .68rem/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:720px){.provider-error-details{max-width:none}.provider-error-card{grid-template-columns:1fr}.provider-error-message,.provider-error-raw{grid-column:1}}

/* Prepared posts DataTable. Desktop uses a real table; mobile becomes readable row cards. */
.posts-datatable-panel{margin-top:18px;padding:0!important;overflow:hidden;border:1px solid #eadfd8!important;border-radius:22px!important;background:#fff!important;box-shadow:0 18px 46px rgba(75,45,29,.07)!important}
.posts-table-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto;gap:10px;padding:16px 18px;border-bottom:1px solid #eee5df;background:linear-gradient(135deg,#fffaf7,#fff)}
.posts-table-toolbar select,.posts-table-search{box-sizing:border-box;min-height:46px;border:1px solid #dfe4eb;border-radius:13px;background:#fff;color:#344055;font:750 .82rem "Manrope","Noto Sans Thai",sans-serif;outline:0}
.posts-table-toolbar select{width:100%;padding:0 36px 0 13px;cursor:pointer}.posts-table-toolbar select:focus,.posts-table-search:focus-within{border-color:#ff7d38;box-shadow:0 0 0 4px rgba(249,115,22,.09)}
.posts-table-search{display:flex;align-items:center;gap:9px;padding:0 13px}.posts-table-search>span{color:#f26117;font-size:1.35rem;font-weight:900}.posts-table-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:#263145;font:750 .84rem "Manrope","Noto Sans Thai",sans-serif;outline:0}.posts-table-search input::placeholder{color:#929baa}
.posts-table-size{display:flex;align-items:center;gap:7px;color:#7b8494;font-size:.74rem;font-weight:800;white-space:nowrap}.posts-table-size select{width:72px;padding-right:26px}
.posts-table-scroll{position:relative;width:100%;overflow-x:auto}.posts-data-table{width:100%;min-width:1040px;border-collapse:collapse;table-layout:auto}.posts-data-table th{padding:12px 15px;border-bottom:1px solid #eadfd8;background:#fff7f2;color:#876b5d;font-size:.72rem;font-weight:900;text-align:left;white-space:nowrap}.posts-data-table th button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.posts-data-table th button i{color:#c8a99a;font-size:.78rem;font-style:normal}.posts-data-table th[aria-sort="ascending"] button,.posts-data-table th[aria-sort="descending"] button{color:#d95610}.posts-data-table th[aria-sort="ascending"] button i,.posts-data-table th[aria-sort="descending"] button i{color:#f26117}
.posts-data-table td{padding:15px;border-bottom:1px solid #edf0f4;color:#495569;font-size:.79rem;vertical-align:middle}.posts-data-table tbody tr{transition:background .15s,box-shadow .15s}.posts-data-table tbody tr:hover{background:#fffaf7;box-shadow:inset 4px 0 #f97316}.posts-data-table tbody tr:last-child td{border-bottom:0}.posts-data-table tr[hidden]{display:none!important}
.post-table-title{display:grid;gap:4px;width:100%;max-width:360px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.post-table-title span{overflow:hidden;color:#202b3d;font-size:.9rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.post-table-title small{display:-webkit-box;overflow:hidden;color:#7d8798;font-size:.72rem;font-weight:650;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-table-title:hover span{color:#e55710}
.post-table-type{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf9f2;color:#15815b;font-size:.7rem;font-weight:850;white-space:nowrap}.post-table-socials{display:flex;align-items:center;flex-wrap:wrap;gap:5px;min-width:180px}.post-table-socials>span{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #e1e6ed;border-radius:9px;background:#fff;color:#4e5a6f;font-size:.68rem;font-weight:800;white-space:nowrap}.post-table-socials .social-mini{width:23px;height:23px;border-radius:7px;font-size:.62rem}.post-table-socials>b{display:grid;min-width:27px;height:27px;padding:0 5px;place-items:center;border-radius:999px;background:#f0f2f6;color:#687387;font-size:.67rem}.post-table-socials .legacy-target{border-color:#f3d5c5;background:#fff8f4;color:#b9541b}.post-table-number{display:inline-grid;min-width:34px;height:34px;padding:0 8px;place-items:center;border-radius:10px;background:#f5f6f8;color:#344055;font-size:.78rem}.posts-data-table time{display:grid;gap:2px;color:#334056;font-weight:800;white-space:nowrap}.posts-data-table time small{color:#929aaa;font-size:.66rem}.post-table-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #f4c5ab;border-radius:11px;background:#fff8f3;color:#c64e0d;font:850 .72rem "Manrope","Noto Sans Thai",sans-serif;white-space:nowrap;cursor:pointer}.post-table-action span{font-size:1rem}.post-table-action:hover{border-color:#f97316;background:#f97316;color:#fff;box-shadow:0 8px 18px rgba(249,115,22,.18)}
.posts-table-empty{padding:54px 18px;color:#7c8697;font-size:.9rem;font-weight:800;text-align:center}.posts-table-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:12px 18px;border-top:1px solid #eee6e0;background:#fff}.posts-table-footer>span{color:#788295;font-size:.76rem;font-weight:750}.posts-table-footer>div{display:flex;align-items:center;gap:8px}.posts-table-footer button{min-height:38px;padding:7px 12px;border:1px solid #e5d8d0;border-radius:10px;background:#fff;color:#4d586b;font:800 .72rem "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.posts-table-footer button:hover:not(:disabled){border-color:#f97316;color:#d9540e}.posts-table-footer button:disabled{cursor:not-allowed;opacity:.4}.posts-table-footer b{min-width:104px;color:#586477;font-size:.72rem;text-align:center}
@media(max-width:1080px){.posts-table-toolbar{grid-template-columns:minmax(240px,1fr) 170px 170px}.posts-table-size{grid-column:1/-1;justify-self:end}}
@media(max-width:760px){
  .posts-datatable-panel{margin-top:12px;border-radius:17px!important;overflow:visible}
  .posts-table-toolbar{grid-template-columns:1fr 1fr;padding:12px}.posts-table-search{grid-column:1/-1}.posts-table-size{grid-column:1/-1;justify-self:end}
  .posts-table-scroll{overflow:visible;padding:10px;background:#f8f9fb}.posts-data-table{min-width:0}.posts-data-table thead{display:none}.posts-data-table,.posts-data-table tbody{display:block;width:100%}
  .posts-data-table tbody{display:grid;gap:10px}.posts-data-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border:1px solid #e3e7ed;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(56,44,36,.05)}.posts-data-table tbody tr:hover{background:#fff;box-shadow:0 7px 18px rgba(56,44,36,.05)}
  .posts-data-table td{display:flex;align-items:center;justify-content:space-between;gap:9px;min-width:0;padding:10px 12px;border-bottom:1px solid #eff1f4;font-size:.75rem}.posts-data-table td:before{content:attr(data-label);color:#929aa8;font-size:.65rem;font-weight:850}.posts-data-table td:first-child,.posts-data-table td:nth-child(3),.posts-data-table td:last-child{grid-column:1/-1}.posts-data-table td:first-child{padding:14px;background:linear-gradient(135deg,#fffaf7,#fff)}.posts-data-table td:first-child:before,.posts-data-table td:last-child:before{display:none}.posts-data-table td:nth-last-child(-n+2){border-bottom:0}.posts-data-table td:last-child{padding:10px}.post-table-title{max-width:none}.post-table-title span{font-size:.95rem}.post-table-socials{justify-content:flex-end;min-width:0}.post-table-action{width:100%;min-height:42px}.posts-data-table time{text-align:right}
  .posts-table-footer{align-items:stretch;flex-direction:column;padding:12px}.posts-table-footer>span{text-align:center}.posts-table-footer>div{display:grid;grid-template-columns:1fr auto 1fr}.posts-table-footer button{width:100%}.posts-table-footer b{align-self:center}
}
@media(max-width:430px){.posts-table-toolbar{grid-template-columns:1fr}.posts-table-search,.posts-table-size{grid-column:1}.posts-table-size{justify-self:stretch}.posts-table-size select{width:82px}.post-table-socials>span{font-size:.64rem}.posts-data-table td{padding:9px 10px}.posts-table-footer b{min-width:80px}}

/* Campaign post/Social pickers use selectable server-paginated DataTables. */
.campaign-library-dialog{width:min(1040px,calc(100% - 32px))}.campaign-library-table-wrap{min-height:0;overflow:auto;background:#f8fafc}.campaign-library-table{width:100%;min-width:780px;border-collapse:collapse}.campaign-library-table th{position:sticky;top:0;z-index:2;padding:12px 14px;border-bottom:1px solid #e4e8ee;background:#fff7f2;color:#80695e;font-size:.74rem;font-weight:900;text-align:left}.campaign-library-table td{padding:13px 14px;border-bottom:1px solid #e9edf2;color:#455166;font-size:.8rem;vertical-align:middle}.campaign-library-table tbody tr:not(.campaign-library-loading):not(.campaign-library-empty){background:#fff;cursor:pointer;transition:background .15s,box-shadow .15s}.campaign-library-table tbody tr:not(.campaign-library-loading):not(.campaign-library-empty):hover{background:#fffaf7;box-shadow:inset 4px 0 #f97316}.campaign-library-table tbody tr.is-selected{background:#fff4ed!important;box-shadow:inset 4px 0 #f97316}.campaign-library-table .campaign-library-check{width:48px;padding-left:17px;padding-right:8px;text-align:center}.campaign-library-check label{display:inline-grid;width:25px;height:25px;place-items:center;cursor:pointer}.campaign-library-check input{position:absolute;opacity:0;pointer-events:none}.campaign-library-check label>span{display:grid;width:21px;height:21px;place-items:center;border:2px solid #d4dce6;border-radius:7px;background:#fff;transition:.15s}.campaign-library-check input:checked+span{border-color:#f97316;background:#f97316}.campaign-library-check input:checked+span:after{content:"✓";color:#fff;font-size:.72rem;font-weight:900}.campaign-library-check input:indeterminate+span{border-color:#f97316;background:#fff0e7}.campaign-library-check input:indeterminate+span:after{content:"−";color:#dd560f;font-size:.9rem;font-weight:900}.campaign-library-check input:disabled+span{opacity:.4;cursor:not-allowed}
.campaign-library-table .campaign-library-item{display:table-row;min-height:0;padding:0;border:0;border-radius:0}.campaign-library-table .campaign-library-item>td:nth-child(2){display:table-cell;min-width:210px}.campaign-library-table .campaign-library-item>td:nth-child(2)>.campaign-library-brand{display:inline-grid;margin-right:10px;vertical-align:middle}.campaign-library-table .campaign-library-item>td:nth-child(2)>span:last-child{display:inline-grid;max-width:220px;gap:2px;vertical-align:middle}.campaign-library-table .campaign-library-item b{overflow:hidden;color:#202b3e;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.campaign-library-table .campaign-library-item small{color:#8a94a5;font-size:.68rem}.campaign-library-table .campaign-library-item>td:nth-child(3){max-width:390px;color:#697589;line-height:1.5}.campaign-library-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.campaign-library-meta span{padding:5px 8px;border-radius:999px;background:#eef2ff;color:#5f4bb2;font-size:.66rem;font-weight:850;text-transform:capitalize;white-space:nowrap}.campaign-library-meta span.is-neutral{background:#f1f3f6;color:#687386}.campaign-library-meta span.is-ready{background:#e9f9f1;color:#087d58}
.campaign-library-brand svg{display:block;width:25px;height:25px;color:#fff}.campaign-library-brand.bluesky{background:#1185fe}.campaign-library-brand svg path,.campaign-library-brand svg rect,.campaign-library-brand svg circle{vector-effect:non-scaling-stroke}
.campaign-library-pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:54px;padding:9px 26px;border-top:1px solid #e8ecf1;background:#fff}.campaign-library-pagination button{min-height:36px;padding:7px 12px;border:1px solid #e1d8d2;border-radius:10px;background:#fff;color:#4f5a6d;font:800 .72rem "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.campaign-library-pagination button:hover:not(:disabled){border-color:#f97316;color:#d85510}.campaign-library-pagination button:disabled{cursor:not-allowed;opacity:.38}.campaign-library-pagination b{min-width:110px;color:#687386;font-size:.72rem;text-align:center}.campaign-library-dialog{grid-template-rows:auto auto minmax(0,1fr) auto auto}.campaign-library-more{display:none!important}.campaign-library-loading,.campaign-library-empty{display:table-row!important;min-height:0;text-align:center}.campaign-library-loading:before,.campaign-library-empty:before{display:none!important}.campaign-library-loading td,.campaign-library-empty td{height:240px;padding:25px;color:#798496;text-align:center}.campaign-library-empty td b,.campaign-library-empty td span{display:block}.campaign-library-empty td b{margin-bottom:8px;color:#283449;font-size:1rem}.campaign-library-empty td .button{display:inline-flex;margin-top:12px}.campaign-library-empty.is-error{color:#c93838}
@media(max-width:700px){
  .campaign-library-dialog{width:100%;height:100dvh;border-radius:0}.campaign-library-head{padding:16px 15px 13px}.campaign-library-tools{padding:11px 15px}.campaign-library-table-wrap{padding:9px;overflow:auto}.campaign-library-table{min-width:0}.campaign-library-table thead{display:none}.campaign-library-table,.campaign-library-table tbody{display:block;width:100%}.campaign-library-table tbody{display:grid;gap:9px}.campaign-library-table .campaign-library-item{display:grid;grid-template-columns:44px 1fr;overflow:hidden;border:1px solid #e2e7ee;border-radius:14px;background:#fff!important;box-shadow:0 6px 16px rgba(54,43,36,.05)}.campaign-library-table .campaign-library-item.is-selected{border-color:#f97316;background:#fff7f2!important}.campaign-library-table td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #eef1f4}.campaign-library-table td:before{content:attr(data-label);flex:none;color:#929baa;font-size:.64rem;font-weight:850}.campaign-library-table .campaign-library-check{display:grid!important;grid-row:1/3;width:auto;padding:12px;place-items:center;border-right:1px solid #eef1f4}.campaign-library-table .campaign-library-check:before{display:none}.campaign-library-table .campaign-library-item>td:nth-child(2){display:flex;min-width:0;padding:12px}.campaign-library-table .campaign-library-item>td:nth-child(2):before{display:none}.campaign-library-table .campaign-library-item>td:nth-child(2)>.campaign-library-brand{flex:none;margin-right:0}.campaign-library-table .campaign-library-item>td:nth-child(2)>span:last-child{max-width:none;flex:1}.campaign-library-table .campaign-library-item>td:nth-child(3),.campaign-library-table .campaign-library-item>td:nth-child(4){grid-column:1/-1;max-width:none}.campaign-library-meta{justify-content:flex-end}.campaign-library-pagination{justify-content:center;padding:9px 12px}.campaign-library-pagination b{min-width:86px}.campaign-library-loading,.campaign-library-empty{display:block!important}.campaign-library-loading td,.campaign-library-empty td{display:grid;height:180px;place-items:center;border:0}.campaign-library-footer{padding-top:9px}.campaign-library-footer>span{text-align:center}
}

/* Saved Facebook comments and campaign comment rotation */
.comment-library-page{padding-bottom:48px}.comment-library-note{display:flex;gap:14px;align-items:center;margin:0 0 24px;padding:18px 20px;border:1px solid #ffd0b5;border-radius:20px;background:linear-gradient(135deg,#fff8f3,#fff);color:#6d3821}.comment-library-note>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ff6b18;color:#fff;font-size:24px;font-weight:900;flex:none}.comment-library-note div{display:grid;gap:3px}.comment-library-note b{font-size:16px;color:#321e16}.comment-library-note small{color:#826d64}.comment-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comment-template-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ecdcd3;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(74,43,26,.07)}.comment-template-card>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #f3e8e1}.comment-template-card>header>span{color:#f05b11;font-size:12px;font-weight:900;letter-spacing:.08em}.comment-template-card>header>div{display:flex;gap:8px}.comment-template-card>header button{border:0;background:transparent;color:#c34b12;font-weight:800;cursor:pointer}.comment-template-card>header form button{color:#c43b3b}.comment-template-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#f4f6f8}.comment-template-copy{display:grid;gap:8px;padding:20px;flex:1}.comment-template-copy h2{margin:0;font-size:19px;color:#241b18}.comment-template-copy p{margin:0;color:#655c58;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.comment-template-copy em{color:#91837c}.comment-template-card>footer{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff8f4;color:#826b60;font-size:12px}.comment-template-card>footer b{color:#d45318}.comment-editor-dialog{width:min(680px,calc(100vw - 32px));padding:0;border:0;border-radius:28px;overflow:hidden}.comment-editor-dialog form{display:flex;flex-direction:column;max-height:min(820px,calc(100vh - 32px))}.comment-editor-body{display:grid;gap:18px;padding:24px 28px;overflow:auto}.comment-editor-body label{display:grid;gap:8px;font-weight:800;color:#30241e}.comment-editor-body input,.comment-editor-body textarea,.comment-editor-body select{width:100%;box-sizing:border-box}.comment-editor-body small{font-weight:500;color:#8a7b73}.comment-editor-dialog>form>footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #eee2db;background:#fff}.comment-media-preview{display:grid;place-items:center;min-height:124px;border:1px dashed #ffc39f;border-radius:18px;background:#fff8f4;color:#938078;overflow:hidden}.comment-media-preview img{display:block;width:100%;max-height:260px;object-fit:contain;background:#f7f7f8}.comment-media-library-link{color:#e95612;font-weight:800;text-decoration:none}.campaign-comment-settings{grid-column:1/-1;margin:18px 0 0;padding:18px;border:1px solid #ffd0b4;border-radius:20px;background:linear-gradient(135deg,#fff9f5,#fff)}.campaign-comment-settings>legend{padding:0 8px;color:#3b2920;font-weight:900}.campaign-comment-toggle{display:flex!important;align-items:center!important;gap:12px!important;padding:14px!important;border:1px solid #f0dfd5!important;border-radius:16px;background:#fff}.campaign-comment-toggle input{width:22px!important;height:22px!important;accent-color:#ff6517;flex:none}.campaign-comment-toggle span{display:grid;gap:3px}.campaign-comment-toggle b{color:#30221b}.campaign-comment-toggle small{color:#84736b;font-weight:500}.campaign-comment-options{display:grid;gap:12px;margin-top:14px}.campaign-comment-options>p{margin:0;padding:14px;border-radius:14px;background:#fff;color:#74635a}.campaign-comment-options a{color:#e95612;font-weight:900}.campaign-comment-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:310px;overflow:auto;padding:2px}.campaign-comment-choice-grid>label{position:relative;display:block!important;margin:0!important}.campaign-comment-choice-grid>label>input{position:absolute;opacity:0;pointer-events:none}.campaign-comment-choice-grid>label>span{display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px;border:1px solid #eadfd9;border-radius:15px;background:#fff;cursor:pointer}.campaign-comment-choice-grid img,.campaign-comment-choice-grid i{grid-row:1/3;width:54px;height:54px;border-radius:12px;object-fit:cover;background:#fff0e7}.campaign-comment-choice-grid i{display:grid;place-items:center;color:#e85b16;font-size:11px;font-style:normal;font-weight:900}.campaign-comment-choice-grid b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30231e}.campaign-comment-choice-grid small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a7a72}.campaign-comment-choice-grid input:checked+span{border-color:#ff6b18;background:#fff5ef;box-shadow:0 0 0 2px rgba(255,107,24,.12)}.campaign-comment-choice-grid input:focus-visible+span{outline:3px solid rgba(255,107,24,.25)}
@media(max-width:980px){.comment-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.comment-template-grid,.campaign-comment-choice-grid{grid-template-columns:1fr}.comment-editor-body{padding:20px}.comment-editor-dialog>form>footer{padding:16px 20px}.comment-library-note{align-items:flex-start}.comment-template-card>footer{flex-direction:column}}
.comment-editor-dialog>.modal-head{padding:26px 32px 22px}.comment-editor-body{gap:22px;padding:28px 32px 30px}.comment-editor-body>label{gap:9px;font-size:.92rem}.comment-editor-body input,.comment-editor-body textarea{min-height:54px;padding:13px 16px;border:1px solid #e6d8d0;border-radius:15px;background:#fffdfc;color:#2f251f;font:inherit;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.comment-editor-body textarea{min-height:150px;line-height:1.65;resize:vertical}.comment-editor-body input:focus,.comment-editor-body textarea:focus{border-color:#ff7a32;background:#fff;box-shadow:0 0 0 4px rgba(255,105,24,.11)}.comment-media-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px;border:1px solid #f0ded3;border-radius:19px;background:linear-gradient(135deg,#fffaf7,#fff)}.comment-field-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.comment-field-heading b{color:#30241e;font-size:.92rem}.comment-field-heading small{color:#8a7b73;font-size:.72rem}.comment-media-trigger{display:grid;grid-template-columns:70px minmax(0,1fr) 28px;gap:13px;align-items:center;min-width:0;padding:9px;border:1px solid #ead9cf;border-radius:16px;background:#fff;color:#332821;text-align:left;cursor:pointer;box-shadow:0 8px 20px rgba(83,51,33,.05);transition:border-color .18s,box-shadow .18s,transform .18s}.comment-media-trigger:hover{border-color:#ff8b4a;box-shadow:0 10px 26px rgba(235,91,17,.11);transform:translateY(-1px)}.comment-media-trigger:focus-visible{outline:3px solid rgba(255,107,24,.25)}.comment-media-trigger-visual{display:grid;width:70px;height:58px;place-items:center;overflow:hidden;border-radius:12px;background:#fff0e7;color:#e95c17;font-size:.7rem;font-weight:900}.comment-media-trigger-visual img{width:100%;height:100%;object-fit:cover}.comment-media-trigger>span:nth-child(2){display:grid;gap:3px;min-width:0}.comment-media-trigger b{color:#322620;font-size:.85rem}.comment-media-trigger small{overflow:hidden;color:#81726a;font-size:.7rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.comment-media-trigger>i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#fff3eb;color:#f05c14;font-size:22px;font-style:normal}.comment-media-clear{align-self:stretch;padding:0 13px;border:1px solid #f0d9cc;border-radius:14px;background:#fff;color:#c94c17;font-weight:800;cursor:pointer}.comment-media-clear[hidden]{display:none!important}.comment-media-preview{grid-template-rows:minmax(0,auto) auto;min-height:112px}.comment-media-preview img{width:100%;max-height:280px}.comment-media-preview small{width:100%;box-sizing:border-box;overflow:hidden;padding:9px 13px;background:#fff;color:#71635c;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.comment-media-library-link{justify-self:start;padding:8px 12px;border-radius:11px;background:#fff2ea}.comment-media-picker-dialog{box-sizing:border-box;width:min(920px,calc(100vw - 34px));height:min(720px,88dvh);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(43,27,18,.34)}.comment-media-picker-dialog:not([open]){display:none!important}.comment-media-picker-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto}.comment-media-picker-dialog::backdrop{background:rgba(34,25,21,.72);backdrop-filter:blur(4px)}.comment-media-picker-dialog>.modal-head{padding:24px 28px 20px}.comment-media-picker-tools{display:flex;align-items:center;gap:14px;padding:14px 24px;border-top:1px solid #f1e7e1;border-bottom:1px solid #e9edf2;background:#fff}.comment-media-picker-tools input{flex:1;min-height:48px;padding:0 15px;border:1px solid #dfe4eb;border-radius:14px;background:#f8fafc;font:inherit;outline:0}.comment-media-picker-tools input:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.1)}.comment-media-picker-tools strong{color:#687386;font-size:.76rem;white-space:nowrap}.comment-media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:12px;padding:18px 24px;overflow:auto;background:#f7f9fb}.comment-media-picker-grid>button{position:relative;display:grid;grid-template-rows:124px auto;gap:8px;min-width:0;padding:8px;border:2px solid transparent;border-radius:16px;background:#fff;color:#364154;text-align:left;cursor:pointer;box-shadow:0 6px 16px rgba(42,49,63,.07)}.comment-media-picker-grid>button:hover{border-color:#ffc7a6}.comment-media-picker-grid>button.is-selected{border-color:#f97316;background:#fff8f3;box-shadow:0 8px 22px rgba(249,115,22,.14)}.comment-media-picker-grid>button[hidden]{display:none!important}.comment-media-picker-grid img{width:100%;height:124px;border-radius:11px;object-fit:cover;background:#eef1f5}.comment-media-picker-grid b{overflow:hidden;padding:0 3px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.comment-media-picker-grid i{position:absolute;right:14px;top:14px;display:none;width:28px;height:28px;place-items:center;border-radius:9px;background:#f97316;color:#fff;font-style:normal;font-weight:900;box-shadow:0 4px 12px rgba(156,57,9,.24)}.comment-media-picker-grid>button.is-selected i{display:grid}.comment-media-picker-empty{grid-column:1/-1;display:grid;place-items:center;gap:10px;min-height:260px;color:#667085}.comment-media-picker-empty a{color:#e95612;font-weight:900}.comment-media-picker-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 24px;border-top:1px solid #e7ebef;background:#fff}.comment-media-picker-pagination button{min-height:38px;padding:6px 13px;border:1px solid #e2e5ea;border-radius:11px;background:#fff;color:#5e6879;font-weight:800}.comment-media-picker-pagination button:disabled{opacity:.4;cursor:not-allowed}.comment-media-picker-pagination span{color:#687386;font-size:.75rem;font-weight:900}.comment-media-picker-dialog>footer{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;padding:14px 24px 18px;border-top:1px solid #e7ebef;background:#fff}.comment-media-picker-dialog>footer .button{min-height:44px}
@media(min-width:761px){body.app-shell .comment-media-picker-dialog{position:fixed;inset:auto;left:calc(50% + 143px);top:50%;width:min(900px,calc(100vw - 326px));margin:0;transform:translate(-50%,-50%);z-index:10050}}
@media(max-width:700px){.comment-editor-dialog{width:calc(100vw - 18px);border-radius:22px}.comment-editor-dialog>.modal-head{padding:21px 20px 18px}.comment-editor-body{padding:20px 18px 24px}.comment-editor-body textarea{min-height:138px}.comment-media-field{grid-template-columns:1fr;padding:13px}.comment-field-heading{align-items:flex-start;flex-direction:column;gap:2px}.comment-media-trigger{grid-template-columns:62px minmax(0,1fr) 26px}.comment-media-trigger-visual{width:62px;height:56px}.comment-media-clear{min-height:42px}.comment-media-picker-dialog{width:100%;height:100dvh;border-radius:0}.comment-media-picker-dialog>.modal-head{padding:20px 18px 16px}.comment-media-picker-tools{align-items:stretch;flex-direction:column;padding:12px 16px}.comment-media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 16px}.comment-media-picker-grid>button{grid-template-rows:108px auto}.comment-media-picker-grid img{height:108px}.comment-media-picker-pagination{padding:10px 16px}.comment-media-picker-dialog>footer{grid-template-columns:1fr 1fr;padding:12px 16px max(12px,env(safe-area-inset-bottom))}.comment-media-picker-dialog>footer>span{display:none}.comment-media-picker-dialog>footer .button{width:100%}}

/* Campaign list: DataTable is the default, with the original three-column card view available. */
.campaign-list-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 190px auto auto;align-items:center;gap:10px;margin-top:18px;padding:14px;border:1px solid #eadfd8;border-radius:18px;background:linear-gradient(135deg,#fffaf7,#fff);box-shadow:0 10px 28px rgba(74,45,28,.055)}.campaign-list-toolbar[hidden]{display:none!important}.campaign-list-search{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 13px;border:1px solid #dfe4eb;border-radius:13px;background:#fff}.campaign-list-search:focus-within{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.09)}.campaign-list-search>span{color:#ef6417;font-size:1.3rem;font-weight:900}.campaign-list-search input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:#2d384c;font:750 .82rem "Manrope","Noto Sans Thai",sans-serif;outline:0}.campaign-list-toolbar select{box-sizing:border-box;min-height:46px;padding:0 36px 0 13px;border:1px solid #dfe4eb;border-radius:13px;background-color:#fff;color:#465166;font:750 .78rem "Manrope","Noto Sans Thai",sans-serif;outline:0}.campaign-list-toolbar select:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.09)}.campaign-list-size{display:flex;align-items:center;gap:7px;color:#7e8797;font-size:.7rem;font-weight:800;white-space:nowrap}.campaign-list-size select{width:72px;padding-right:25px}.campaign-view-toggle{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid #e1e5eb;border-radius:12px;background:#f4f6f8}.campaign-view-toggle button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:#687386;font:850 .72rem "Manrope","Noto Sans Thai",sans-serif;white-space:nowrap;cursor:pointer}.campaign-view-toggle button span{font-size:.95rem}.campaign-view-toggle button.is-active{background:#fff;color:#dd570f;box-shadow:0 4px 12px rgba(66,48,36,.1)}
.campaign-board.is-view-hidden{display:none!important}.campaign-table-panel.is-view-active{display:block!important;margin-top:14px;padding:0!important;overflow-x:auto!important;border:1px solid #eadfd8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 14px 38px rgba(74,44,26,.065)!important}.campaign-table-panel.is-view-active .campaign-table{display:table;width:100%;min-width:1180px;border-collapse:collapse}.campaign-table-panel.is-view-active .campaign-table thead{display:table-header-group}.campaign-table-panel.is-view-active .campaign-table tbody{display:table-row-group}.campaign-table-panel.is-view-active .campaign-table tr{position:static;display:table-row;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}.campaign-table-panel.is-view-active .campaign-table tr:after{display:none}.campaign-table-panel.is-view-active .campaign-table th{display:table-cell;padding:13px 14px;border-bottom:1px solid #eadfd8;background:#fff7f2;color:#80695e;font-size:.7rem;font-weight:900;text-align:left;white-space:nowrap}.campaign-table-panel.is-view-active .campaign-table th button{display:flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.campaign-table-panel.is-view-active .campaign-table th button i{color:#c6a99a;font-size:.76rem;font-style:normal}.campaign-table-panel.is-view-active .campaign-table th[aria-sort="ascending"] button,.campaign-table-panel.is-view-active .campaign-table th[aria-sort="descending"] button{color:#d8540d}.campaign-table-panel.is-view-active .campaign-table td{display:table-cell;width:auto;min-width:0;padding:14px;border:0;border-bottom:1px solid #edf0f4;background:transparent;color:#4b566a;font-size:.74rem;vertical-align:middle;text-align:left}.campaign-table-panel.is-view-active .campaign-table td:before{display:none!important}.campaign-table-panel.is-view-active .campaign-table tbody tr:hover{background:#fffaf7;box-shadow:inset 4px 0 #f97316}.campaign-table-panel.is-view-active .campaign-table tbody tr.campaign-row-needs-action{background:#fff8f6}.campaign-table-panel.is-view-active .campaign-table td:first-child,.campaign-table-panel.is-view-active .campaign-table td:nth-child(5),.campaign-table-panel.is-view-active .campaign-table td:nth-child(8){padding-top:14px;text-align:left}.campaign-table-panel.is-view-active .campaign-table td:first-child strong{max-width:210px;overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.campaign-table-panel.is-view-active .campaign-table td:first-child small{margin-top:4px;padding:0;background:transparent;color:#929aaa}.campaign-table-panel.is-view-active .campaign-table .campaign-post-cell{min-width:150px;padding:14px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;background:transparent}.campaign-table-panel.is-view-active .campaign-table .campaign-post-count{margin:0;font-size:.68rem}.campaign-table-panel.is-view-active .campaign-table .campaign-post-preview{display:none}.campaign-table-panel.is-view-active .campaign-table .campaign-target-count{font-size:.68rem}.campaign-table-panel.is-view-active .campaign-table .campaign-next-run{font-size:.69rem;white-space:nowrap}.campaign-table-panel.is-view-active .campaign-table .campaign-job-health{min-width:150px}.campaign-table-panel.is-view-active .campaign-table .campaign-job-health span{padding:4px 6px;font-size:.61rem}.campaign-table-panel.is-view-active .campaign-table .campaign-last-error{max-width:230px}.campaign-table-panel.is-view-active .campaign-table .campaign-actions{display:flex;min-width:235px;justify-content:flex-start;flex-wrap:wrap}.campaign-table-panel.is-view-active .campaign-table .campaign-actions button{min-height:35px;padding:7px 9px;font-size:.66rem}.campaign-table-detail{border-color:#f6c5a8!important;background:#fff7f1!important;color:#c74e0b!important}
.campaign-card[hidden],.campaign-table tr[hidden]{display:none!important}.campaign-list-empty{display:grid;gap:5px;margin-top:14px;padding:48px 16px;place-items:center;border:1px dashed #e6cabb;border-radius:18px;background:#fff;color:#7a8495}.campaign-list-empty[hidden]{display:none!important}.campaign-list-empty b{color:#2c374b;font-size:1rem}.campaign-list-empty span{font-size:.78rem}.campaign-list-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:62px;margin-top:12px;padding:11px 15px;border:1px solid #eadfd8;border-radius:16px;background:#fff}.campaign-list-pagination[hidden]{display:none!important}.campaign-list-pagination>span{color:#768195;font-size:.74rem;font-weight:750}.campaign-list-pagination>div{display:flex;align-items:center;gap:8px}.campaign-list-pagination button{min-height:37px;padding:7px 12px;border:1px solid #e2d8d2;border-radius:10px;background:#fff;color:#4f5a6d;font:800 .7rem "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.campaign-list-pagination button:hover:not(:disabled){border-color:#f97316;color:#d8540f}.campaign-list-pagination button:disabled{cursor:not-allowed;opacity:.4}.campaign-list-pagination b{min-width:100px;color:#606b7e;font-size:.7rem;text-align:center}
@media(max-width:980px){.campaign-list-toolbar{grid-template-columns:minmax(230px,1fr) 170px auto}.campaign-view-toggle{grid-column:1/-1;justify-self:end}}
@media(max-width:720px){
  .campaign-list-toolbar{grid-template-columns:1fr 1fr;margin-top:12px;padding:11px}.campaign-list-search,.campaign-view-toggle{grid-column:1/-1}.campaign-view-toggle{justify-self:stretch}.campaign-view-toggle button{flex:1}.campaign-list-size{justify-self:end}
  .campaign-table-panel.is-view-active{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}.campaign-table-panel.is-view-active .campaign-table{display:block;min-width:0}.campaign-table-panel.is-view-active .campaign-table thead{display:none}.campaign-table-panel.is-view-active .campaign-table tbody{display:grid;gap:10px}.campaign-table-panel.is-view-active .campaign-table tr{display:grid;grid-template-columns:1fr;padding:14px;border:1px solid #eadfd8;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(62,46,36,.055)}.campaign-table-panel.is-view-active .campaign-table td,.campaign-table-panel.is-view-active .campaign-table td:first-child,.campaign-table-panel.is-view-active .campaign-table td:nth-child(5),.campaign-table-panel.is-view-active .campaign-table td:nth-child(8){display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:9px;width:auto;padding:9px 0;border-bottom:1px solid #eef0f3;text-align:left}.campaign-table-panel.is-view-active .campaign-table td:before{display:block!important;margin:0;color:#98715d;font-size:.65rem;font-weight:850}.campaign-table-panel.is-view-active .campaign-table td:nth-child(1):before{content:"ชื่อ"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(2):before{content:"โพสต์ที่ใช้"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(3):before{content:"ปลายทาง"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(4):before{content:"รูปแบบ"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(5):before{content:"สถานะ"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(6):before{content:"รอบถัดไป"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(7):before{content:"ผลการส่ง"}.campaign-table-panel.is-view-active .campaign-table td:nth-child(8):before{content:"จัดการ"}.campaign-table-panel.is-view-active .campaign-table td:last-child{border-bottom:0}.campaign-table-panel.is-view-active .campaign-table .campaign-post-cell{display:grid;min-width:0;padding:9px 0;border-bottom:1px solid #eef0f3}.campaign-table-panel.is-view-active .campaign-table .campaign-actions{display:grid;grid-template-columns:1fr 1fr;min-width:0}.campaign-table-panel.is-view-active .campaign-table .campaign-actions form,.campaign-table-panel.is-view-active .campaign-table .campaign-actions button{width:100%}.campaign-table-panel.is-view-active .campaign-table .campaign-last-error{max-width:none}.campaign-list-pagination{align-items:stretch;flex-direction:column}.campaign-list-pagination>span{text-align:center}.campaign-list-pagination>div{display:grid;grid-template-columns:1fr auto 1fr}.campaign-list-pagination button{width:100%}
}
@media(max-width:440px){.campaign-list-toolbar{grid-template-columns:1fr}.campaign-list-search,.campaign-view-toggle{grid-column:1}.campaign-list-size{justify-self:stretch}.campaign-list-size select{width:80px}.campaign-list-pagination b{min-width:78px}}

/* Keep the campaign picker inside the app content area instead of behind the fixed sidebar. */
@media(min-width:1051px){
  body.app-shell .campaign-library-dialog{position:fixed!important;inset:auto!important;left:calc(50% + 143px)!important;top:50%!important;width:min(980px,calc(100vw - 326px))!important;height:min(720px,calc(100dvh - 32px))!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:9999}
}
@media(min-width:901px) and (max-width:1050px){
  body.app-shell .campaign-library-dialog{position:fixed!important;inset:auto!important;left:calc(50% + 119px)!important;top:50%!important;width:min(900px,calc(100vw - 270px))!important;height:min(720px,calc(100dvh - 28px))!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:9999}
}
@media(min-width:761px) and (max-width:900px){
  body.app-shell .campaign-library-dialog{position:fixed!important;inset:auto!important;left:calc(50% + 143px)!important;top:50%!important;width:calc(100vw - 310px)!important;height:calc(100dvh - 24px)!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:9999}
}
@media(max-width:760px){
  body.app-shell .campaign-library-dialog{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;margin:0!important;transform:none!important;border-radius:0!important;z-index:9999}
}

/* Prepared posts: compact bulk selection and deletion. */
.posts-bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:54px;padding:9px 18px;border-bottom:1px solid #eee5df;background:#fff}.posts-bulk-bar>label,.posts-bulk-bar>div{display:flex;align-items:center;gap:10px}.posts-bulk-bar label{color:#465267;font-size:.74rem;font-weight:850;cursor:pointer}.posts-bulk-bar>div>span{color:#778195;font-size:.72rem;font-weight:750}.posts-bulk-bar button{min-height:36px;padding:7px 12px;border:1px solid #f2bcbc;border-radius:10px;background:#fff5f5;color:#c73535;font:850 .7rem "Manrope","Noto Sans Thai",sans-serif;cursor:pointer}.posts-bulk-bar button:hover:not(:disabled){border-color:#ed6a6a;background:#feecec}.posts-bulk-bar button:disabled{cursor:not-allowed;opacity:.42}.posts-bulk-bar input,.post-select-cell input{width:18px;height:18px;margin:0;accent-color:#f97316}.posts-data-table .post-select-column{width:48px;padding-left:17px;padding-right:8px}.posts-data-table .post-select-cell{width:48px;padding-left:17px;padding-right:8px}.post-select-cell label{display:grid;width:24px;height:24px;place-items:center;cursor:pointer}.post-select-cell input{position:absolute;opacity:0}.post-select-cell label>span{display:grid;width:20px;height:20px;place-items:center;border:2px solid #d5dde7;border-radius:7px;background:#fff;transition:.15s}.post-select-cell input:checked+span{border-color:#f97316;background:#f97316}.post-select-cell input:checked+span:after{content:"✓";color:#fff;font-size:.7rem;font-weight:900}.posts-data-table tbody tr.is-selected{background:#fff7f2;box-shadow:inset 4px 0 #f97316}.posts-data-table{min-width:1100px}

/* Provider sync: show one clear summary row and expand details only when needed. */
.provider-sync{padding:18px!important}.provider-sync>.panel-head{align-items:center;margin-bottom:0}.provider-sync>.panel-head h2{margin:0;font-size:1rem}.provider-sync>.panel-head .hint{margin:3px 0 0;font-size:.72rem}.provider-group-grid{gap:8px!important;margin-top:12px!important}.provider-group-compact{padding:0!important;overflow:hidden;border-radius:14px!important;box-shadow:none!important}.provider-compact-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:11px 14px;list-style:none;background:#fff;cursor:pointer}.provider-compact-summary::-webkit-details-marker{display:none}.provider-compact-summary>div:first-child{display:grid;gap:2px;min-width:0}.provider-compact-summary b{color:#273145;font-size:.9rem}.provider-compact-summary small{overflow:hidden;color:#8992a3;font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.provider-compact-summary>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.provider-compact-summary span{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#536075;font-size:.66rem;font-weight:850;white-space:nowrap}.provider-compact-summary .is-ready{background:#e9f9f1;color:#087c59}.provider-compact-summary .is-waiting{background:#fff1e8;color:#bf500f}.provider-compact-summary em{display:inline-flex;align-items:center;gap:5px;color:#d9570c;font-size:.69rem;font-style:normal;font-weight:850;white-space:nowrap}.provider-compact-summary em:after{content:"⌄";font-size:.85rem;transition:transform .18s}.provider-group-compact[open]>.provider-compact-summary{border-bottom:1px solid #eee6e0;background:#fffaf7}.provider-group-compact[open]>.provider-compact-summary em:after{transform:rotate(180deg)}.provider-group-compact>.provider-quota-grid,.provider-group-compact>.provider-key-picker,.provider-group-compact>.credential-warning,.provider-group-compact>.provider-external-connect{margin-left:14px;margin-right:14px}.provider-group-compact>.provider-quota-grid{margin-top:13px;margin-bottom:10px}.provider-group-compact .provider-quota-grid>div{min-height:76px;padding:10px 12px}.provider-group-compact .provider-quota-grid strong{font-size:1.25rem}.provider-group-compact .provider-key-picker{margin-bottom:10px}.provider-group-compact>.provider-external-connect{margin-bottom:14px}

@media(max-width:760px){
  .posts-bulk-bar{align-items:stretch;flex-direction:column;padding:10px 12px}.posts-bulk-bar>div{justify-content:space-between}.posts-data-table tbody tr{position:relative;padding-top:42px}.posts-data-table .post-select-cell,.posts-data-table td:first-child{position:absolute;top:10px;right:10px;display:grid!important;width:28px!important;padding:0!important;border:0!important;background:transparent!important;grid-column:auto!important}.posts-data-table td:nth-child(2),.posts-data-table td:nth-child(4),.posts-data-table td:last-child{grid-column:1/-1}.posts-data-table td:nth-child(2){padding:14px;background:linear-gradient(135deg,#fffaf7,#fff)}.posts-data-table td:nth-child(2):before,.posts-data-table td:last-child:before{display:none}.posts-data-table td:nth-child(4){border-bottom:1px solid #eff1f4}.posts-data-table{min-width:0}.provider-sync{padding:12px!important}.provider-sync>.panel-head{align-items:stretch;flex-direction:column}.provider-sync>.panel-head>a{width:100%}.provider-compact-summary{align-items:flex-start;flex-direction:column}.provider-compact-summary>div:last-child{justify-content:flex-start}.provider-group-compact>.provider-quota-grid,.provider-group-compact>.provider-key-picker,.provider-group-compact>.credential-warning,.provider-group-compact>.provider-external-connect{margin-left:10px;margin-right:10px}
}

/* Larger, readable brand artwork without making the surrounding controls taller. */
.social-brand::before{width:72%;height:72%}.social-mini::before{width:76%;height:76%}.provider-supported-socials .social-brand{width:44px;height:36px;flex:0 0 44px;border-radius:10px;box-shadow:none}.provider-supported-socials .social-brand::before{width:26px!important;height:26px!important}.provider-social-connect-button{padding-left:6px;gap:8px}

/* Credential manager: one dense row per API key, expand only when managing it. */
.credential-list{grid-template-columns:1fr;gap:9px}.credential-compact-card{padding:0!important;overflow:hidden;border-top-width:3px}.credential-compact-row{display:grid;grid-template-columns:44px minmax(150px,1.25fr) minmax(190px,1.4fr) 68px 76px minmax(140px,.95fr) auto 82px;align-items:center;gap:12px;min-height:78px;padding:11px 14px;list-style:none;background:#fff;cursor:pointer}.credential-compact-row::-webkit-details-marker{display:none}.credential-compact-row:hover{background:#fffaf7}.credential-compact-row .provider-guide-mark{width:40px;height:40px;flex-basis:40px;border-radius:11px}.credential-compact-name,.credential-compact-account,.credential-compact-stat,.credential-compact-tested{display:grid;min-width:0;gap:1px}.credential-compact-row small{color:#8a93a3;font-size:.62rem;font-weight:800}.credential-compact-row strong{overflow:hidden;color:#283348;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.credential-compact-name strong{font-size:.84rem}.credential-compact-stat{justify-items:center}.credential-compact-stat strong{font-size:.86rem}.credential-compact-row>.pill{justify-self:start;white-space:nowrap}.credential-compact-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:6px 9px;border:1px solid #f2cbb5;border-radius:9px;background:#fff8f3;color:#cf540f;font-size:.68rem;font-style:normal;font-weight:850;white-space:nowrap}.credential-compact-toggle:after{content:"⌄";font-size:.8rem;transition:transform .18s}.credential-compact-card[open]>.credential-compact-row{border-bottom:1px solid #eee6e0;background:#fffaf7}.credential-compact-card[open] .credential-compact-toggle:after{transform:rotate(180deg)}.credential-card-details{padding:0 14px 13px;background:#fff}.credential-card-details .credential-provider-identity{margin:12px 0 9px}.credential-card-details .credential-provider-connect-note{margin-bottom:9px;padding:9px 11px}.credential-card-details>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;padding:10px 0 0;border-top:1px solid #edf0f4}.credential-card-details>footer form{margin:0}.credential-card-details>footer .button,.credential-card-details>footer .credential-delete-button{min-height:38px;padding:8px 12px;font-size:.68rem}
@media(max-width:1100px){.credential-compact-row{grid-template-columns:42px minmax(150px,1.15fr) minmax(170px,1.2fr) 58px 68px auto 80px}.credential-compact-tested{display:none}}
@media(max-width:760px){.credential-compact-row{grid-template-columns:40px minmax(0,1fr) auto;gap:8px;min-height:72px;padding:10px 11px}.credential-compact-account,.credential-compact-stat,.credential-compact-tested{display:none}.credential-compact-row>.pill{grid-column:2;justify-self:start}.credential-compact-toggle{grid-column:3;grid-row:1/3}.credential-card-details{padding:0 10px 10px}.credential-card-details>footer{align-items:stretch;flex-direction:column}.credential-card-details>footer form,.credential-card-details>footer button{width:100%}}

/* Social account manager: profile picture + platform badge, table/card views, bulk selection. */
.connections-manager{margin-top:16px}.connections-toolbar{display:flex;align-items:center;gap:11px;min-height:56px;padding:9px 12px;border:1px solid #e7ddd6;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#fffaf7,#fff)}.connections-toolbar>label{display:flex;align-items:center;gap:7px;color:#445066;font-size:.72rem;font-weight:850;cursor:pointer}.connections-toolbar input,.connection-select input{width:18px;height:18px;margin:0;accent-color:#f97316}.connections-toolbar>span{color:#7b8596;font-size:.7rem;font-weight:750}.connection-bulk-delete{min-height:36px;padding:7px 11px;border:1px solid #f1bcbc;border-radius:10px;background:#fff5f5;color:#c73535;font-size:.69rem;font-weight:850}.connection-bulk-delete:disabled{cursor:not-allowed;opacity:.42}.connection-view-toggle{display:flex;gap:3px;margin-left:auto;padding:3px;border:1px solid #e0e5eb;border-radius:10px;background:#f3f5f7}.connection-view-toggle button{min-height:31px;padding:5px 9px;border:0;border-radius:8px;background:transparent;color:#687386;font-size:.67rem;font-weight:850}.connection-view-toggle button.is-active{background:#fff;color:#d9560f;box-shadow:0 3px 9px rgba(54,43,36,.1)}.connection-table-head{display:grid;grid-template-columns:92px minmax(220px,1fr) 210px 120px 48px;gap:10px;padding:9px 13px;border:1px solid #e8e2dd;border-top:0;background:#fff7f2;color:#896e61;font-size:.65rem;font-weight:900}.connections-manager .connection-list{display:grid;gap:0;margin:0;border:1px solid #e8e2dd;border-top:0;border-radius:0 0 16px 16px;background:#fff}.connections-manager .connection-row{display:grid;grid-template-columns:34px 58px minmax(0,1fr) 210px 120px 44px;align-items:center;gap:10px;min-height:78px;margin:0;padding:10px 13px;border:0;border-bottom:1px solid #edf0f4;border-radius:0;box-shadow:none}.connections-manager .connection-row:last-child{border-bottom:0}.connections-manager .connection-row:hover{transform:none;background:#fffaf7;box-shadow:inset 4px 0 #f97316}.connection-select{display:grid;width:24px;height:24px;place-items:center;cursor:pointer}.connection-select input{position:absolute;opacity:0}.connection-select span{display:grid;width:20px;height:20px;place-items:center;border:2px solid #d4dce6;border-radius:7px;background:#fff}.connection-select input:checked+span{border-color:#f97316;background:#f97316}.connection-select input:checked+span:after{content:"✓";color:#fff;font-size:.7rem;font-weight:900}.social-profile-avatar{position:relative;display:grid;width:50px;height:50px;place-items:center;border:1px solid #e5e9ef;border-radius:50%;background:linear-gradient(145deg,#f0f3f7,#fff);color:#7d8798;font-size:1rem;font-weight:900;box-shadow:0 6px 15px rgba(40,48,65,.09)}.social-profile-avatar>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:#fff}.social-profile-avatar>.social-mini{position:absolute;right:-4px;bottom:-3px;width:23px;height:23px;border:3px solid #fff;border-radius:8px;box-shadow:0 3px 8px rgba(29,38,53,.16)}.connection-identity,.connection-source{display:grid;min-width:0}.connection-identity strong{overflow:hidden;color:#273248;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.connection-identity small,.connection-source small{overflow:hidden;color:#8791a2;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.connection-source b{color:#4b566a;font-size:.73rem}.connections-manager .connection-row>.pill{justify-self:start;white-space:nowrap}.connections-manager .connection-row>form{margin:0}.connections-manager[data-view="cards"] .connection-table-head{display:none}.connections-manager[data-view="cards"] .connection-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px;border-top:1px solid #e8e2dd;border-radius:0 0 16px 16px;background:#f8f9fb}.connections-manager[data-view="cards"] .connection-row{grid-template-columns:34px 50px minmax(0,1fr) 38px;grid-template-rows:auto auto;min-height:112px;padding:12px;border:1px solid #e5e9ef;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(45,38,34,.04)}.connections-manager[data-view="cards"] .connection-select{grid-row:1/3}.connections-manager[data-view="cards"] .social-profile-avatar{grid-row:1/3;width:46px;height:46px}.connections-manager[data-view="cards"] .connection-source{display:none}.connections-manager[data-view="cards"] .connection-row>.pill{grid-column:3;grid-row:2}.connections-manager[data-view="cards"] .connection-row>form{grid-column:4;grid-row:1/3}
@media(max-width:1050px){.connections-manager[data-view="cards"] .connection-list{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-table-head{grid-template-columns:82px minmax(190px,1fr) 170px 105px 44px}.connections-manager .connection-row{grid-template-columns:30px 50px minmax(0,1fr) 170px 105px 40px}}
@media(max-width:720px){.connections-toolbar{align-items:stretch;flex-wrap:wrap}.connection-view-toggle{width:100%;margin-left:0}.connection-view-toggle button{flex:1}.connection-table-head{display:none}.connections-manager .connection-list,.connections-manager[data-view="cards"] .connection-list{grid-template-columns:1fr;gap:9px;padding:9px;border-top:1px solid #e8e2dd;background:#f8f9fb}.connections-manager .connection-row,.connections-manager[data-view="cards"] .connection-row{grid-template-columns:30px 50px minmax(0,1fr) 38px;grid-template-rows:auto auto;min-height:104px;padding:11px;border:1px solid #e5e9ef;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(45,38,34,.04)}.connections-manager .connection-select,.connections-manager .social-profile-avatar{grid-row:1/3}.connections-manager .connection-source{display:none}.connections-manager .connection-row>.pill{grid-column:3;grid-row:2}.connections-manager .connection-row>form{grid-column:4;grid-row:1/3}}

/* Prepared-post table: overlap Social logos and fit the desktop viewport. */
@media(min-width:761px){.posts-table-scroll{overflow-x:hidden}.posts-data-table{width:100%;min-width:0;table-layout:fixed}.posts-data-table th,.posts-data-table td{padding-left:10px;padding-right:10px}.posts-data-table th:nth-child(1){width:44px}.posts-data-table th:nth-child(2){width:165px}.posts-data-table th:nth-child(3){width:118px}.posts-data-table th:nth-child(4){width:92px}.posts-data-table th:nth-child(5){width:62px}.posts-data-table th:nth-child(6){width:72px}.posts-data-table th:nth-child(7){width:112px}.posts-data-table th:nth-child(8){width:118px}.posts-data-table td:nth-child(2){max-width:205px}.post-table-socials{min-width:0;flex-wrap:nowrap;padding-left:8px}.post-table-socials>span{width:32px;height:32px;flex:0 0 32px;margin-left:-8px;padding:3px;overflow:visible;border:2px solid #fff;border-radius:10px;font-size:0;box-shadow:0 3px 8px rgba(33,42,58,.1)}.post-table-socials>span:first-child{margin-left:0}.post-table-socials .social-mini{width:24px;height:24px;flex:0 0 24px;border-radius:7px}.post-table-socials>b{min-width:25px;height:25px;margin-left:-6px;z-index:2}.post-table-title{max-width:175px}.post-table-action{width:100%;padding-left:7px;padding-right:7px}}

/* Explain the live source relationship between prepared posts and campaigns. */
.post-source-sync-note{display:flex;align-items:center;gap:11px;margin:-8px 0 15px;padding:11px 14px;border:1px solid #cfe9df;border-radius:14px;background:#f2fbf7;color:#1a694f}.post-source-sync-note>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;background:#dff5ea;color:#13805a;font-size:1.15rem;font-weight:900}.post-source-sync-note>div{display:grid;gap:1px}.post-source-sync-note b{font-size:.78rem}.post-source-sync-note small{color:#5c746b;font-size:.68rem;line-height:1.5}.post-edit-campaign-note{margin:0 0 2px;padding:9px 11px;border-left:3px solid #22a676;border-radius:9px;background:#effaf5;color:#286b55;font-size:.7rem;font-weight:750;line-height:1.5}
.post-edit-media-field{display:flex;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e2e7ed;border-radius:12px;background:#fafbfc}.post-edit-media-field>div{display:grid;flex:1;min-width:0}.post-edit-media-field b{color:#384357;font-size:.75rem}.post-edit-media-field small{color:#8a93a3;font-size:.66rem}.post-edit-media-field>span{display:none}.post-edit-media-field>.button{min-height:38px;padding:8px 11px;font-size:.68rem}.post-media-picker-dialog{box-sizing:border-box;width:min(920px,calc(100% - 32px));height:min(720px,88dvh);max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(43,27,18,.32)}.post-media-picker-dialog:not([open]){display:none!important}.post-media-picker-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.post-media-picker-dialog::backdrop{background:rgba(34,25,21,.68);backdrop-filter:blur(3px)}.post-media-picker-dialog>.modal-head{padding:20px 24px 16px}.post-media-picker-tools{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e9edf2}.post-media-picker-tools input{flex:1;min-height:44px;padding:0 13px;border:1px solid #dfe4eb;border-radius:12px;background:#f9fafb;outline:0}.post-media-picker-tools input:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.09)}.post-media-picker-tools strong{color:#687386;font-size:.72rem;white-space:nowrap}.post-media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;padding:14px 18px;overflow:auto;background:#f7f9fb}.post-media-picker-grid>label{position:relative;display:grid;grid-template-rows:118px auto;gap:7px;min-width:0;padding:8px;border:2px solid transparent;border-radius:14px;background:#fff;cursor:pointer;box-shadow:0 5px 14px rgba(42,49,63,.06)}.post-media-picker-grid>label:has(input:checked){border-color:#f97316;background:#fff8f3}.post-media-picker-grid input{position:absolute;opacity:0}.post-media-picker-grid img,.post-media-picker-grid video,.post-media-picker-grid>label>span{width:100%;height:118px;border-radius:10px;object-fit:cover;background:#eef1f5}.post-media-picker-grid>label>span{display:grid;place-items:center;color:#718096;font-weight:900}.post-media-picker-grid b{overflow:hidden;color:#3b4659;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.post-media-picker-grid i{position:absolute;inset:47px auto auto 50%;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;background:rgba(18,24,35,.72);color:#fff;font-style:normal;transform:translateX(-50%)}.post-media-picker-grid em{position:absolute;right:13px;top:13px;display:none;width:26px;height:26px;place-items:center;border-radius:8px;background:#f97316;color:#fff;font-style:normal;font-weight:900}.post-media-picker-grid>label:has(input:checked)>em{display:grid}.post-media-picker-footer{display:flex;justify-content:flex-end;gap:9px;padding:11px 18px;border-top:1px solid #e7ebef;background:#fff}.post-media-picker-footer .button{min-height:42px}.post-media-picker-grid [hidden]{display:none!important}
@media(min-width:761px){body.app-shell .post-media-picker-dialog{position:fixed;inset:auto;left:calc(50% + 143px);top:50%;width:min(900px,calc(100vw - 326px));margin:0;transform:translate(-50%,-50%);z-index:10000}}
@media(max-width:760px){.post-edit-media-field{align-items:stretch;flex-direction:column}.post-edit-media-field>.button{width:100%}.post-media-picker-dialog{width:100%;height:100dvh;border-radius:0}.post-media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.post-media-picker-tools{align-items:stretch;flex-direction:column}.post-media-picker-footer{display:grid;grid-template-columns:1fr 1.4fr;padding-bottom:max(11px,env(safe-area-inset-bottom))}.post-media-picker-footer .button{width:100%}}
.post-media-picker-dialog>.modal-head{padding:26px 32px 22px}.post-media-picker-tools{padding:14px 28px}.post-media-picker-grid{padding:18px 28px 22px}.post-media-picker-pagination{padding:12px 28px}.post-media-picker-footer{padding:14px 28px 18px}
@media(max-width:760px){.post-media-picker-dialog>.modal-head{padding:20px 18px 16px}.post-media-picker-tools{padding:12px 16px}.post-media-picker-grid{padding:12px 16px 16px}.post-media-picker-pagination{padding:10px 16px}.post-media-picker-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))}}

/* Campaign creation is a four-step wizard, keeping one decision on screen at a time. */
.campaign-wizard-dialog>form{display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto;gap:0!important;height:min(820px,94dvh);max-height:94dvh;padding:0!important;overflow:hidden}.campaign-wizard-dialog .modal-head{margin:0!important;padding:20px 28px!important;border-bottom:1px solid #eee5df}.campaign-wizard-dialog .modal-head h2{font-size:1.35rem}.campaign-wizard-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 28px;border-bottom:1px solid #eee7e2;background:#fffaf7}.campaign-wizard-progress button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:0 9px;min-width:0;padding:10px 11px;border:1px solid #e5e8ed;border-radius:13px;background:#fff;color:#667085;text-align:left;cursor:pointer}.campaign-wizard-progress button>span{display:grid;grid-row:1/3;width:32px;height:32px;place-items:center;border-radius:10px;background:#f0f2f5;color:#778195;font-size:.74rem;font-weight:900}.campaign-wizard-progress b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.campaign-wizard-progress small{overflow:hidden;color:#98a0ae;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.campaign-wizard-progress button.is-active{border-color:#ff925d;background:#fff6ef;color:#c64b0d;box-shadow:0 7px 17px rgba(249,115,22,.1)}.campaign-wizard-progress button.is-active>span{background:#f97316;color:#fff}.campaign-wizard-progress button.is-complete:not(.is-active)>span{background:#e7f8f0;color:#16835a}.campaign-wizard-progress button:disabled{cursor:default;opacity:.55}.campaign-wizard-step{align-content:start;gap:18px;padding:24px 28px;overflow:auto;background:#fff}.campaign-wizard-step[hidden]{display:none!important}.campaign-wizard-step.is-active{display:grid}.campaign-wizard-step>header{display:grid;gap:4px;padding-bottom:15px;border-bottom:1px solid #edf0f3}.campaign-wizard-step>header>span{color:#e95813;font-size:.65rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.campaign-wizard-step>header h3{margin:0;color:#252f42;font-size:1.15rem}.campaign-wizard-step>header p{margin:0;color:#7b8597;font-size:.76rem}.campaign-wizard-step .campaign-picker-fieldset{margin:0;padding:18px;border:1px solid #eadfd8;border-radius:18px}.campaign-wizard-step .campaign-picker-button{min-height:94px}.campaign-wizard-step .campaign-end-settings{margin:0}.campaign-wizard-review{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-wizard-review article{display:grid;gap:4px;min-height:118px;padding:18px;border:1px solid #e5e9ef;border-radius:17px;background:linear-gradient(145deg,#fff,#fafbfc)}.campaign-wizard-review small{color:#8b94a4;font-size:.66rem;font-weight:850}.campaign-wizard-review strong{color:#283348;font-size:1.03rem}.campaign-wizard-review span{align-self:end;color:#788396;font-size:.7rem}.campaign-wizard-footer{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:12px;padding:12px 28px;border-top:1px solid #e7e9ed;background:#fff}.campaign-wizard-footer>span{justify-self:center;color:#7b8494;font-size:.7rem;font-weight:800}.campaign-wizard-footer .button{min-width:140px;min-height:44px}.campaign-wizard-footer [hidden]{display:none!important}
@media(max-width:760px){.campaign-wizard-dialog>form{height:100dvh;max-height:100dvh}.campaign-wizard-dialog .modal-head{padding:15px 16px!important}.campaign-wizard-dialog .modal-head h2{font-size:1.08rem}.campaign-wizard-progress{gap:5px;padding:8px 10px}.campaign-wizard-progress button{grid-template-columns:1fr;justify-items:center;min-height:52px;padding:6px 3px;text-align:center}.campaign-wizard-progress button>span{grid-row:auto;width:27px;height:27px;border-radius:8px}.campaign-wizard-progress b{font-size:.6rem}.campaign-wizard-progress small{display:none}.campaign-wizard-step{gap:14px;padding:17px 14px}.campaign-wizard-step>header h3{font-size:1rem}.campaign-wizard-step>header p{font-size:.7rem}.campaign-wizard-step .campaign-picker-fieldset{padding:12px}.campaign-wizard-review{grid-template-columns:1fr}.campaign-wizard-review article{min-height:96px;padding:14px}.campaign-wizard-footer{grid-template-columns:auto 1fr;padding:10px 12px max(10px,env(safe-area-inset-bottom))}.campaign-wizard-footer>span{display:none}.campaign-wizard-footer .button{min-width:0;width:100%}.campaign-wizard-footer [data-campaign-wizard-next],.campaign-wizard-footer [data-campaign-wizard-submit]{grid-column:2}}

/* Pricing is database-driven. Keep sales plans separate from internal entitlements. */
.pricing-unavailable{grid-column:1/-1;display:grid;gap:5px;padding:22px;border:1px solid #fed7aa;border-radius:18px;background:#fff7ed;color:#9a4314;text-align:center}.pricing-unavailable span{font-size:.78rem;color:#a65b37}
.admin-package-head-actions{display:flex;align-items:center;gap:8px}.admin-internal-packages{border-top:1px solid #ece4df;background:#fffaf7}.admin-internal-packages>summary{padding:15px 24px;color:#5f6878;font-size:.75rem;font-weight:850;cursor:pointer}.admin-internal-packages>summary small{font-weight:600;color:#9299a5}.admin-internal-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 24px 20px}.admin-internal-package-list>button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e8e2de;border-radius:12px;background:#fff;color:#293449;text-align:left;cursor:pointer}.admin-internal-package-list span{display:grid;min-width:0}.admin-internal-package-list b,.admin-internal-package-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-internal-package-list small{color:#9299a5;font-size:.62rem}.admin-internal-package-list em{color:#768092;font-size:.66rem;font-style:normal}.admin-internal-package-list i{color:#e75c12;font-size:.68rem;font-style:normal;font-weight:850}
.admin-user-head{align-items:flex-start!important;gap:18px}.admin-user-head-actions{display:grid;justify-items:end;gap:12px;min-width:0}.admin-add-user-button{min-height:46px;padding-inline:22px;font-weight:900}.admin-user-head .admin-account-filter{justify-content:flex-end}.admin-user-dialog{width:min(760px,calc(100% - 28px));max-width:none}.admin-user-dialog form{gap:20px;padding:30px 34px}.admin-user-dialog .modal-head{align-items:flex-start}.admin-user-dialog .modal-head>div{display:grid;gap:2px}.admin-user-dialog .modal-head .eyebrow{justify-self:start;margin:0 0 4px}.admin-user-dialog .modal-head h2{font-size:1.35rem}.admin-user-dialog .modal-head p{margin:3px 0 0;color:#7b8494;font-size:.75rem}.admin-user-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-user-dialog label small{color:#858e9d;font-size:.64rem;font-weight:550;line-height:1.55}.admin-user-expiry-field{grid-column:1/-1}.admin-user-flags{justify-content:flex-start;gap:22px;padding:15px 17px;border:1px solid #ece5df;border-radius:14px;background:#fffaf7}.admin-user-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.admin-user-dialog-actions .button{min-width:150px}

/* Compact hierarchy: headings must not consume the useful working area. */
.dashboard .dash-head h1{font-size:28px}.panel>.panel-head h2{font-size:17px}.post-composer .composer-modal-head,.bulk-post-dialog .composer-modal-head{min-height:0!important;padding:14px 20px!important}.post-composer .composer-modal-head h2,.bulk-post-dialog .composer-modal-head h2{margin:1px 0 0!important;font-size:19px!important;line-height:1.25}.post-composer .composer-modal-head p,.bulk-post-dialog .composer-modal-head p{margin:2px 0 0!important;font-size:11px!important;line-height:1.4}.post-composer .composer-modal-head .composer-kicker,.bulk-post-dialog .composer-modal-head .composer-kicker{font-size:9px;letter-spacing:.12em}.post-composer .composer-modal-head>button,.bulk-post-dialog .composer-modal-head>button{width:38px;height:38px;min-height:38px}
@media(max-width:760px){.dashboard .dash-head h1{font-size:23px}.admin-package-head-actions{align-items:stretch;flex-direction:column}.admin-package-head-actions .button{width:100%}.admin-internal-package-list{grid-template-columns:1fr;padding:0 14px 16px}.admin-internal-packages>summary{padding:13px 14px}.admin-user-head{align-items:stretch!important;flex-direction:column}.admin-user-head-actions{justify-items:stretch;width:100%}.admin-add-user-button{width:100%}.admin-user-head .admin-account-filter{justify-content:stretch}.admin-user-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.admin-user-dialog form{padding:20px 16px}.admin-user-dialog .form-grid{grid-template-columns:1fr}.admin-user-expiry-field{grid-column:auto}.admin-user-flags{align-items:flex-start;flex-direction:column;gap:12px}.admin-user-dialog-actions{display:grid;grid-template-columns:1fr 1.4fr}.admin-user-dialog-actions .button{min-width:0;width:100%}.post-composer .composer-modal-head,.bulk-post-dialog .composer-modal-head{padding:11px 13px!important}.post-composer .composer-modal-head h2,.bulk-post-dialog .composer-modal-head h2{font-size:17px!important}.post-composer .composer-modal-head>button,.bulk-post-dialog .composer-modal-head>button{width:36px;height:36px;min-height:36px}}

/* Stacked Social badges: keep the artwork optically centered and fill the badge. */
@media(min-width:761px){.post-table-socials>span{box-sizing:border-box;align-items:center;justify-content:center;gap:0;padding:2px;overflow:hidden;line-height:0}.post-table-socials .social-mini{width:100%;height:100%;flex:1 1 auto;border-radius:7px}.post-table-socials .social-mini::before{width:80%;height:80%}}

/* Dense campaign pickers: reserve the height for data rows, not repeated chrome. */
@media(min-width:641px){.campaign-library-head{align-items:center;gap:14px;padding:13px 22px 11px}.campaign-library-head span{margin-bottom:2px;font-size:.62rem}.campaign-library-head h2{margin:0 0 2px;font-size:1.13rem}.campaign-library-head p{font-size:.7rem}.campaign-library-head>button{width:34px;height:34px;font-size:1.15rem}.campaign-library-tools{gap:10px;padding:8px 22px}.campaign-library-tools input{min-height:40px;padding:0 13px;border-radius:11px;font-size:.8rem}.campaign-library-tools strong{font-size:.7rem}.campaign-library-table th{padding:8px 12px;font-size:.68rem}.campaign-library-table td{padding:8px 12px;font-size:.74rem}.campaign-library-table .campaign-library-check{width:42px;padding-left:13px;padding-right:6px}.campaign-library-check label{width:22px;height:22px}.campaign-library-check label>span{width:18px;height:18px;border-radius:6px}.campaign-library-table .campaign-library-item>td:nth-child(2)>.campaign-library-brand{width:34px;height:34px;margin-right:8px;border-radius:10px}.campaign-library-table .campaign-library-item b{font-size:.78rem}.campaign-library-table .campaign-library-item small{font-size:.62rem}.campaign-library-meta span{padding:4px 7px;font-size:.6rem}.campaign-library-pagination{min-height:42px;padding:5px 22px}.campaign-library-pagination button{min-height:32px;padding:5px 10px;font-size:.66rem}.campaign-library-pagination b{min-width:96px;font-size:.66rem}.campaign-library-footer{min-height:58px;padding:8px 22px}.campaign-library-footer>span{font-size:.76rem}.campaign-library-footer .button{min-height:40px;padding-top:7px;padding-bottom:7px;font-size:.72rem}}
@media(max-width:640px){.campaign-library-head{padding:11px 13px 9px}.campaign-library-head span{margin-bottom:2px;font-size:.6rem}.campaign-library-head h2{margin-bottom:2px;font-size:1.02rem}.campaign-library-head p{font-size:.68rem}.campaign-library-head>button{width:34px;height:34px}.campaign-library-tools{gap:7px;padding:8px 13px}.campaign-library-tools input{min-height:40px}.campaign-library-table-wrap{padding:7px}.campaign-library-table tbody{gap:7px}.campaign-library-pagination{min-height:42px;padding:5px 10px}.campaign-library-footer{padding:8px 12px max(8px,env(safe-area-inset-bottom))}.campaign-library-footer .button{min-height:40px}}

/* AI post editing, compatible Social selection, and clearer campaign run state. */
.post-ai-edit{display:grid;gap:12px}.post-ai-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.post-ai-edit select{width:100%;min-height:43px;padding:9px 34px 9px 11px;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:#253047;font:700 .76rem "Manrope","Noto Sans Thai",sans-serif}.post-ai-edit select:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px #ffede2}.post-ai-edit select:disabled{cursor:not-allowed;background:#f1f3f6;color:#98a0ad}.post-ai-prompt-step textarea{height:132px;min-height:132px;line-height:1.65}.post-ai-badge{margin-left:auto;padding:6px 9px;border-radius:999px;background:#fff0e7;color:#d6530d;font-size:.66rem;font-style:normal;font-weight:900}.post-ai-edit-confirm{border-color:#bbebd9;background:linear-gradient(135deg,#f3fff9,#fff)}
.campaign-library-platform-filter{display:grid!important;flex:0 1 250px!important;gap:4px;color:#5e687b;font-size:.64rem;font-weight:850}.campaign-library-platform-filter select{width:100%;min-height:40px;padding:0 32px 0 12px;border:1px solid #dfe4eb;border-radius:11px;background:#fff;color:#29354a;font:750 .76rem "Manrope","Noto Sans Thai",sans-serif}.campaign-library-platform-filter[hidden]{display:none!important}
.campaign-edit-targets .social-target-choice{display:grid!important;grid-template-columns:48px minmax(0,1fr) 24px;gap:11px;min-height:72px}.campaign-edit-targets .social-target-choice>.social-profile-avatar{order:0;width:46px;height:46px;flex:none}.campaign-edit-targets .social-target-choice>.social-profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:14px;z-index:1}.campaign-edit-targets .social-target-choice>.social-profile-avatar>b{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;background:#edf1f6;color:#546074}.campaign-edit-targets .social-target-choice>.social-profile-avatar>.social-mini{z-index:2}.campaign-edit-targets .social-target-copy{order:1;display:grid;min-width:0;gap:3px}.campaign-edit-targets .social-target-copy>b,.campaign-edit-targets .social-target-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-edit-targets .social-target-copy>b{color:#222d40;font-size:.78rem}.campaign-edit-targets .social-target-copy>small{color:#7e899c;font-size:.65rem}.campaign-edit-targets .target-check{order:2}
.campaign-latest-run{grid-column:1/-1;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 13px;border:1px solid #bce8d8;border-radius:14px;background:#f1fff9}.campaign-latest-run>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#daf6ea;color:#13845f;font-weight:950}.campaign-latest-run>div{display:grid;gap:2px}.campaign-latest-run b{color:#176b52;font-size:.82rem}.campaign-latest-run small{color:#6f7f79;font-size:.67rem}.campaign-latest-run p{margin:0;color:#617167;font-size:.7rem}.campaign-latest-run p strong{display:block;color:#263b34;font-size:.8rem}.campaign-latest-run.is-error{border-color:#f1c7c7;background:#fff7f7}.campaign-latest-run.is-error>span{background:#ffe3e3;color:#bd353d}.campaign-latest-run.is-error b{color:#a82f36}.campaign-latest-run.is-working{border-color:#f0ddbb;background:#fffbf2}.campaign-latest-run.is-working>span{background:#fff0cc;color:#a56a00}.campaign-latest-run.is-working b{color:#805713}
@media(max-width:640px){.post-ai-edit-grid{grid-template-columns:1fr}.post-ai-badge{margin-left:0}.campaign-library-platform-filter{flex-basis:auto!important}.campaign-latest-run{grid-template-columns:36px 1fr}.campaign-latest-run p{grid-column:1/-1;padding-left:47px}.campaign-edit-targets .social-target-choice{grid-template-columns:44px minmax(0,1fr) 23px}.campaign-edit-targets .social-target-choice>.social-profile-avatar{width:42px;height:42px}}
.campaign-wizard-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.campaign-name-step{align-content:center!important}.campaign-name-field{display:grid;gap:8px;width:min(680px,100%);margin:0 auto;padding:22px;border:1px solid #ffd2bb;border-radius:20px;background:linear-gradient(145deg,#fff8f3,#fff);color:#313c50;font-size:.83rem;font-weight:900}.campaign-name-field input{width:100%;min-height:58px;padding:12px 16px;border:1px solid #efc6b1;border-radius:14px;background:#fff;color:#222e42;font:800 1rem "Manrope","Noto Sans Thai",sans-serif}.campaign-name-field input:focus{outline:0;border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.12)}.campaign-name-field small{color:#7e8796;font-size:.7rem;font-weight:650}
@media(max-width:760px){.campaign-wizard-progress{gap:4px}.campaign-name-field{padding:16px}.campaign-name-field input{min-height:52px;font-size:.88rem}}

.campaign-detail-posts{grid-template-columns:1fr!important;gap:11px;max-height:390px!important}.campaign-detail-posts .campaign-post-overview-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.9fr) auto;align-items:stretch;gap:0;padding:0;border:1px solid #e2e6ed;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(37,45,61,.055);cursor:pointer}.campaign-detail-posts .campaign-post-overview-card:hover{border-color:#ff9b65;box-shadow:0 10px 26px rgba(234,94,20,.1);transform:translateY(-1px)}.campaign-post-overview-main{display:grid!important;align-content:center;gap:5px;min-width:0;padding:15px 16px}.campaign-post-overview-main>em{justify-self:start;padding:4px 8px;border-radius:999px;background:#fff0e7;color:#d9570c;font-size:.63rem!important;font-style:normal;font-weight:900}.campaign-detail-posts .campaign-post-overview-main>b{font-size:1rem;line-height:1.35;white-space:normal}.campaign-detail-posts .campaign-post-overview-main>small{margin:0;color:#748095;font-size:.72rem;line-height:1.55;white-space:normal}.campaign-post-platforms{display:flex!important;flex-wrap:wrap;gap:5px;margin-top:2px}.campaign-post-platforms>i{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:8px;background:#f5f7fa;color:#536074;font-size:.61rem;font-style:normal;font-weight:850}.campaign-post-platforms .social-mini{width:18px;height:18px;border-radius:6px;font-size:.55rem}.campaign-post-timing{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;border-left:1px solid #edf0f4;background:#f8fafc}.campaign-post-timing>span{display:grid;align-content:center;gap:3px;min-width:0;padding:10px 11px;border:1px solid #e5e9ef;border-radius:12px;background:#fff}.campaign-post-timing small{margin:0;color:#8a94a5;font-size:.58rem;font-weight:850;white-space:normal}.campaign-post-timing b{color:#303b50;font-size:.76rem;white-space:normal}.campaign-post-timing em{color:#707b8d;font-size:.62rem;font-style:normal;font-weight:750}.campaign-post-timing .is-success{border-color:#bce7d6;background:#effcf7}.campaign-post-timing .is-success b{color:#14825f}.campaign-post-timing .is-error{border-color:#f0c2c2;background:#fff5f5}.campaign-post-timing .is-error b{color:#bd343b}.campaign-post-timing .is-working{border-color:#f3d29c;background:#fff9ee}.campaign-post-timing .is-working b{color:#a66500}.campaign-post-timing .is-next{border-color:#d8cffb;background:#f7f4ff}.campaign-post-timing .is-next b{color:#6945c4}.campaign-post-open{display:grid;place-items:center;min-width:88px;padding:12px;border-left:1px solid #f1dfd5;background:#fff8f3;color:#d9570c!important;font-size:.65rem!important;line-height:1.45;text-align:center}
@media(max-width:780px){.campaign-detail-posts .campaign-post-overview-card{grid-template-columns:1fr}.campaign-post-timing{border-top:1px solid #edf0f4;border-left:0}.campaign-post-open{min-height:40px;border-top:1px solid #f1dfd5;border-left:0}.campaign-detail-posts{max-height:none!important}}

/* Real platform artwork inside the campaign post compatibility column. */
.campaign-library-meta span{display:inline-flex;align-items:center;gap:5px}.campaign-library-meta .social-mini{width:18px;height:18px;flex:0 0 18px;border-radius:6px}.campaign-library-meta .social-mini::before{width:78%;height:78%}

/* Post editor: one clear flow with an immediate selected-media preview. */
.post-detail-dialog{width:min(980px,calc(100% - 28px));max-height:92dvh;border-radius:24px}
.post-detail-shell{gap:12px;max-height:92dvh;padding:20px;background:#f8f9fb}
.post-detail-shell>.modal-head{top:-20px;margin:-20px -20px 0;padding:16px 20px 14px;background:rgba(255,251,248,.98);border-bottom-color:#eee5df}
.post-detail-shell>.modal-head h2{margin:2px 0 0;color:#222c3e;font-size:1.28rem;line-height:1.3}.post-detail-shell>.modal-head p{margin:2px 0 0;font-size:.7rem}.post-detail-shell>.modal-head>button{width:38px;height:38px;background:#fff0e7;color:#d9570f}
.post-detail-summary{gap:7px}.post-detail-summary>div{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:48px;padding:8px 11px;border-radius:11px;background:#fff}.post-detail-summary small{font-size:.62rem}.post-detail-summary strong{justify-self:end;font-size:.78rem;white-space:nowrap}
.post-detail-destinations{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 11px;border:1px solid #e7ebf0;border-radius:12px;background:#fff}.post-detail-destinations>b{flex:0 0 auto;color:#596477;font-size:.67rem}.post-detail-destinations .post-target-badges{gap:5px}.post-detail-destinations .post-target-badges>span{padding:4px 7px;font-size:.62rem}.post-detail-destinations .social-mini{width:21px;height:21px;flex:0 0 21px;border-radius:7px}
.post-detail-edit{gap:11px;padding:0;border:0;background:transparent}
.post-edit-step{display:grid;gap:12px;padding:15px;border:1px solid #e2e7ed;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(41,48,61,.04)}
.post-edit-step>header{display:flex;align-items:center;gap:10px}.post-edit-step>header>span,.post-edit-confirm>span{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:10px;background:#fff0e6;color:#e45a0d;font-size:.72rem;font-weight:900}.post-edit-step>header>div{display:grid;gap:1px;min-width:0}.post-edit-step>header h3{margin:0;color:#273247;font-size:.83rem}.post-edit-step>header p{margin:0;color:#838c9d;font-size:.64rem}.post-edit-step>header>.button{margin-left:auto;min-height:36px;padding:7px 10px;font-size:.66rem}
.post-edit-fields{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(260px,1.3fr);gap:10px}.post-detail-edit label{gap:5px;font-size:.68rem}.post-detail-edit input,.post-detail-edit textarea{min-height:43px;padding:9px 11px;border-radius:10px;font-size:.76rem}.post-detail-edit textarea{height:82px;min-height:82px}
.post-edit-media-step>span{display:none}.post-edit-media-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.post-edit-media-preview>p{grid-column:1/-1;display:grid;place-items:center;gap:3px;min-height:98px;margin:0;border:1px dashed #f1b58e;border-radius:13px;background:#fff9f5;color:#5c6677;text-align:center}.post-edit-media-preview>p b{font-size:.75rem}.post-edit-media-preview>p small{color:#8b94a4;font-size:.64rem}
.post-edit-media-preview>article{position:relative;display:grid;grid-template-rows:92px auto;gap:6px;min-width:0;padding:7px;border:1px solid #dfe5ec;border-radius:13px;background:#fff}.post-edit-media-preview>article>div{position:relative;display:grid;width:100%;height:92px;place-items:center;overflow:hidden;border-radius:9px;background:#fff1e8;color:#d95b14;font-size:.72rem;font-weight:900}.post-edit-media-preview :is(img,video){width:100%;height:100%;object-fit:cover}.post-edit-media-preview article>div>i{position:absolute;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:rgba(18,24,35,.72);color:#fff;font-size:.68rem;font-style:normal}.post-edit-media-preview article>small{overflow:hidden;color:#687386;font-size:.61rem;text-overflow:ellipsis;white-space:nowrap}.post-edit-media-preview article>button{position:absolute;right:11px;top:11px;display:grid;width:25px;height:25px;min-height:0;padding:0;place-items:center;border:0;border-radius:8px;background:rgba(255,255,255,.94);color:#cf3f3f;font-size:1rem;font-weight:900;box-shadow:0 3px 9px rgba(34,42,55,.16);cursor:pointer}
.post-edit-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:1px}.post-edit-media-toolbar>span{color:#7e8797;font-size:.66rem}.post-edit-media-toolbar>span b{color:#dc570e}.post-edit-media-toolbar>.button{min-height:36px;padding:7px 10px;font-size:.66rem}
.post-edit-confirm{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #cfe9df;border-radius:15px;background:#f2fbf7}.post-edit-confirm>span{background:#daf4e8;color:#13805a}.post-edit-confirm>div{display:grid;gap:1px;min-width:0;flex:1}.post-edit-confirm b{color:#225f4d;font-size:.74rem}.post-edit-confirm small{color:#657b73;font-size:.64rem}.post-edit-confirm>.button{min-width:160px;min-height:42px}
.post-detail-actions{padding:1px 2px 2px}.post-detail-actions form{padding:0}.post-detail-actions button{min-height:38px;padding:7px 11px;font-size:.66rem}
@media(max-width:760px){.post-detail-dialog{width:100%;max-height:100dvh;border-radius:0}.post-detail-shell{max-height:100dvh;padding:12px}.post-detail-shell>.modal-head{top:-12px;margin:-12px -12px 0;padding:13px 12px}.post-detail-summary{grid-template-columns:1fr 1fr}.post-detail-destinations{align-items:flex-start;flex-direction:column}.post-edit-step{padding:12px}.post-edit-step>header{align-items:flex-start;flex-wrap:wrap}.post-edit-step>header>.button{width:100%;margin-left:0}.post-edit-fields{grid-template-columns:1fr}.post-edit-media-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.post-edit-media-toolbar{align-items:stretch;flex-direction:column}.post-edit-media-toolbar>.button{width:100%}.post-edit-confirm{align-items:stretch;flex-wrap:wrap}.post-edit-confirm>div{width:calc(100% - 44px)}.post-edit-confirm>.button{width:100%}}

/* Campaign Social picker: show the actual page/account photo with a platform badge. */
.campaign-library-brand.has-avatar{position:relative;border:1px solid #e1e6ed;border-radius:50%!important;background:linear-gradient(145deg,#eef2f7,#fff)!important;color:#667085;box-shadow:0 5px 13px rgba(37,47,65,.12)!important}.campaign-library-brand.has-avatar>b{display:grid;position:absolute;inset:0;place-items:center;font-size:.72rem}.campaign-library-brand.has-avatar>img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;background:#fff}.campaign-library-brand.has-avatar>.social-mini{position:absolute;right:-4px;bottom:-3px;width:18px;height:18px;min-width:18px;border:2px solid #fff;border-radius:6px;box-shadow:0 2px 6px rgba(25,34,48,.2)}.campaign-library-brand.has-avatar>.social-mini::before{width:75%;height:75%}.campaign-library-brand.has-avatar.avatar-failed>.social-mini{right:-3px;bottom:-3px}
@media(min-width:641px){.campaign-library-table .campaign-library-item>td:nth-child(2)>.campaign-library-brand.has-avatar{width:40px;height:40px;margin-right:10px}}

/* Post picker: file thumbnail plus compact type/file summary. */
.campaign-library-brand.post-media-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff1e7,#ffd7be);color:#d95714;box-shadow:0 5px 13px rgba(90,54,32,.14)}.campaign-library-brand.post-media-brand>img{display:block;width:100%;height:100%;object-fit:cover}.campaign-library-brand.post-media-brand.is-video,.campaign-library-brand.post-media-brand.is-document{align-content:center;gap:0;background:linear-gradient(145deg,#34261f,#14100e);color:#fff}.campaign-library-brand.post-media-brand.is-document{background:linear-gradient(145deg,#ff873d,#e9570c)}.campaign-library-brand.post-media-brand>span{font-size:.9rem;line-height:1}.campaign-library-brand.post-media-brand>small{color:inherit!important;font-size:.43rem!important;font-weight:900;letter-spacing:.04em;line-height:1}.campaign-library-post-spec{display:block!important;max-width:100%;margin-top:2px;color:#d45a18!important;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
@media(min-width:641px){.campaign-library-table .campaign-library-item>td:nth-child(2)>.campaign-library-brand.post-media-brand{width:44px;height:44px;margin-right:10px;border-radius:11px}}

/* Keep the picker readable on portrait tablets without a horizontal scrollbar. */
@media(min-width:701px) and (max-width:1050px){
  .campaign-library-table{min-width:0;table-layout:fixed}
  .campaign-library-table th,.campaign-library-table td{box-sizing:border-box;overflow:hidden}
  .campaign-library-table th:nth-child(1){width:42px}
  .campaign-library-table th:nth-child(2){width:38%}
  .campaign-library-table th:nth-child(3){width:36%}
  .campaign-library-table th:nth-child(4){width:auto}
  .campaign-library-table .campaign-library-item>td:nth-child(2){min-width:0}
  .campaign-library-table .campaign-library-item>td:nth-child(2)>span:last-child{max-width:calc(100% - 52px)}
  .campaign-library-table .campaign-library-item>td:nth-child(3){max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .campaign-library-table .campaign-library-item>td:nth-child(4){white-space:nowrap}
}

/* Large lists render off-screen rows only when the user scrolls to them. */
.connection-row,.media-manage-item,.campaign-card,.credential-card{content-visibility:auto;contain-intrinsic-size:auto 82px}

/* Compact platform filter for large Social connection lists. */
.connection-platform-filter{margin-left:auto!important;padding:3px 4px 3px 9px;border:1px solid #e0e5eb;border-radius:10px;background:#fff}
.connection-platform-filter>span{color:#7b8596;font-size:.65rem;white-space:nowrap}
.connection-platform-filter select{min-width:145px;height:31px;padding:0 28px 0 9px;border:0;border-radius:7px;background:#f6f7f9;color:#344054;font:800 .68rem "Manrope","Noto Sans Thai",sans-serif;outline:0}
.connections-toolbar .connection-view-toggle{margin-left:0}
.connections-manager [data-connection-row][hidden]{display:none!important}
@media(max-width:720px){
  .connection-platform-filter{order:3;width:100%;margin-left:0!important}
  .connection-platform-filter select{width:100%}
  .connections-toolbar .connection-view-toggle{order:4}
}

/* Theme every scrollable surface instead of showing the browser's dark grey bars. */
*{scrollbar-width:thin;scrollbar-color:#f97316 #fff0e6}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{border-radius:999px;background:#fff0e6}
*::-webkit-scrollbar-thumb{min-height:42px;border:2px solid #fff0e6;border-radius:999px;background:linear-gradient(180deg,#ff934f,#f45b0a)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff7b2d,#dd4a00)}
*::-webkit-scrollbar-corner{background:#fff0e6}

/* Publishing results: one clear status/result column instead of a sprawling error table. */
.publishing-kpis.publishing-kpis-simple{grid-template-columns:repeat(4,minmax(0,1fr))}
.publishing-jobs-panel{overflow:hidden;border-radius:18px}.publishing-jobs-table{width:100%;table-layout:fixed}.publishing-jobs-table th{padding:12px 10px;color:#80695e;font-size:.72rem}.publishing-jobs-table td{padding:13px 10px}.publishing-jobs-table th:nth-child(1){width:46px}.publishing-jobs-table th:nth-child(2){width:18%}.publishing-jobs-table th:nth-child(3){width:18%}.publishing-jobs-table th:nth-child(4){width:17%}.publishing-jobs-table th:nth-child(6){width:128px}.publishing-jobs-table tbody tr{background:#fff;box-shadow:inset 4px 0 transparent}.publishing-jobs-table tbody tr.status-failed{background:#fffafa;box-shadow:inset 4px 0 #ef5555}.publishing-jobs-table tbody tr.status-provider_processing{background:#fffdf7;box-shadow:inset 4px 0 #e6a113}.publishing-result-cell>.pill{display:inline-flex;margin-bottom:7px}.publishing-result-cell .job-result{max-width:none}.job-result.is-waiting{padding:8px 9px;border-radius:9px;background:#fff7df;color:#855f0d}.publishing-actions-cell form{margin:0}.publishing-actions-cell .button{width:100%;min-height:38px;padding:7px 9px}.publishing-result-links{display:flex!important;flex-wrap:wrap;gap:6px!important;margin-top:8px!important}.publishing-result-links a,.publishing-result-links span{display:inline-flex!important;padding:5px 7px!important;border-radius:8px!important;background:#f4f6f9!important;color:#526075!important;font-size:.64rem!important;font-weight:800!important}.publishing-result-links a.is-live{background:#e9f9f1!important;color:#087d59!important}.provider-error-details{max-width:none}.provider-error-details>summary{padding:6px 8px;font-size:.66rem}.provider-error-card{grid-template-columns:1fr 1fr;padding:9px}.provider-error-message{padding:8px}

/* Campaign detail: compact hierarchy with a dedicated scrolling content area. */
.campaign-detail-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(960px,calc(100% - 28px));height:min(820px,92dvh);overflow:hidden}.campaign-detail-dialog>.modal-head{position:relative;top:auto;padding:15px 20px!important}.campaign-detail-dialog>.modal-head h2{font-size:20px}.campaign-detail-body{grid-template-columns:1fr 1fr;gap:12px;padding:15px 20px;overflow:auto;background:linear-gradient(180deg,#fff,#fffaf7)}.campaign-detail-progress,.campaign-detail-grid,.campaign-detail-post-section,.campaign-plan-section,.campaign-detail-error{grid-column:1/-1}.campaign-detail-progress{grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px 14px}.campaign-detail-progress>div{display:contents}.campaign-detail-progress>div>strong{grid-column:3;grid-row:1;font-size:22px}.campaign-detail-progress>span{grid-column:2;grid-row:1;height:8px}.campaign-detail-progress>p{grid-column:1/-1;font-size:10px}.campaign-detail-grid{gap:7px!important}.campaign-detail-grid>div{padding:10px 11px}.campaign-detail-social-section,.campaign-detail-type-section{align-content:start;padding:12px;border:1px solid #ece8e4;border-radius:14px;background:#fff}.campaign-detail-socials>span{padding:6px 8px}.campaign-content-types span{padding:6px 9px}.campaign-detail-posts{max-height:190px}.campaign-plan-section{padding:14px;border-radius:15px}.campaign-plan-heading{margin-bottom:10px}.campaign-plan-heading p{font-size:.72rem}.campaign-plan-list{max-height:250px;overflow:auto}.campaign-plan-list article{padding:8px 10px}.campaign-detail-footer{position:relative;bottom:auto;padding:10px 20px}.campaign-detail-footer .button{min-height:39px}
.campaign-state.state-needs_attention{background:#fff0f0;color:#c83b42}.campaign-detail-progress.state-needs_attention{border-color:#f3c2c2;background:linear-gradient(145deg,#fff6f6,#fff)}.campaign-detail-progress.state-needs_attention>span>i{background:linear-gradient(90deg,#ff8b6d,#e64444)}.campaign-detail-progress>div>strong{display:flex;align-items:baseline;gap:6px}.campaign-detail-progress>div>strong>small{color:#8b94a3;font-size:.55rem;font-weight:800}

@media(max-width:760px){
  .publishing-kpis.publishing-kpis-simple{grid-template-columns:1fr 1fr}.publishing-kpis.publishing-kpis-simple>a:last-child{grid-column:1/-1}
  .publishing-jobs-table td:before{content:attr(data-label)!important}.publishing-jobs-table .publishing-select-column:before{display:none}.publishing-jobs-table .publishing-select-column{display:grid!important;grid-row:auto;width:auto!important;padding:6px 0 9px!important;place-items:start;border-right:0}.publishing-jobs-table .publishing-select-column input{margin-left:0}.publishing-result-cell,.publishing-actions-cell{grid-column:1/-1}.publishing-actions-cell{display:block!important}.provider-error-card{grid-template-columns:1fr}
  .campaign-detail-dialog[open]{width:100%;height:100dvh;max-height:100dvh}.campaign-detail-body{grid-template-columns:1fr;padding:12px}.campaign-detail-progress,.campaign-detail-grid,.campaign-detail-post-section,.campaign-plan-section,.campaign-detail-error{grid-column:1}.campaign-detail-social-section,.campaign-detail-type-section{grid-column:1}.campaign-detail-progress{grid-template-columns:auto 1fr}.campaign-detail-progress>div>strong{grid-column:2}.campaign-detail-progress>span{grid-column:1/-1;grid-row:2}.campaign-detail-progress>p{grid-row:3}.campaign-detail-footer{padding:9px 12px}.campaign-plan-list{max-height:none}
}

/* All-post report: make post, campaign, destination and send time readable at a glance. */
.publishing-report-filter{display:flex;align-items:end;gap:10px;padding:13px 15px;border:1px solid #eadfd8;border-radius:16px;background:linear-gradient(135deg,#fffaf7,#fff);box-shadow:0 8px 24px rgba(74,45,28,.045)}
.publishing-report-filter label{display:grid;gap:5px;min-width:230px;color:#6f7889;font-size:.68rem;font-weight:850}
.publishing-report-filter select{box-sizing:border-box;width:100%;min-height:44px;padding:0 38px 0 12px;border:1px solid #dfe4eb;border-radius:12px;background-color:#fff;color:#2d384c;font:800 .76rem "Manrope","Noto Sans Thai",sans-serif;outline:0}
.publishing-report-filter select:focus{border-color:#f97316;box-shadow:0 0 0 4px rgba(249,115,22,.09)}
.publishing-report-filter .button{min-height:44px;white-space:nowrap}
.publishing-focus b{color:#b84709}
.publishing-report-table{min-width:1320px!important;table-layout:fixed!important}
.publishing-jobs-panel:has(.publishing-report-table){overflow-x:auto}
.publishing-report-table th:nth-child(1){width:46px!important}.publishing-report-table th:nth-child(2){width:16%!important}.publishing-report-table th:nth-child(3){width:14%!important}.publishing-report-table th:nth-child(4){width:19%!important}.publishing-report-table th:nth-child(5){width:18%!important}.publishing-report-table th:nth-child(6){width:auto!important}.publishing-report-table th:nth-child(7){width:126px!important}
.publishing-report-table td{vertical-align:middle!important}
.publishing-post-cell{display:table-cell!important}.publishing-post-cell>em{display:inline-flex;padding:3px 7px;border-radius:999px;background:#fff0e7;color:#d9570d;font-size:.59rem;font-style:normal;font-weight:900}.publishing-post-cell>strong{margin-top:6px;font-size:.82rem;line-height:1.4}.publishing-post-cell>small{font-size:.62rem!important}.publishing-post-cell>a{display:inline-flex;margin-top:7px;color:#d9560e;font-size:.64rem;font-weight:850}
.publishing-campaign-cell>span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#f2eeff;color:#6947bd;font-size:.56rem;font-weight:900;letter-spacing:.04em}.publishing-campaign-cell>b{margin-top:6px;color:#283348!important;font-size:.78rem;line-height:1.45}.publishing-campaign-cell>small{font-size:.62rem!important}
.publishing-social-cell{display:flex!important;align-items:center;gap:10px}.publishing-social-cell>.social-profile-avatar{width:43px;height:43px;flex:0 0 43px}.publishing-social-cell>span:last-child{display:grid;gap:3px;min-width:0}.publishing-social-cell strong{overflow:hidden;color:#273247;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.publishing-social-cell small{color:#7a8597;font-size:.62rem;line-height:1.45}
.publishing-time-cell{display:grid!important;grid-template-columns:1fr 1fr;gap:6px}.publishing-time-cell>span{display:grid;gap:2px;padding:8px;border:1px solid #e7ebf0;border-radius:11px;background:#f8fafc}.publishing-time-cell>span:first-child{border-color:#f5d2bd;background:#fff8f3}.publishing-time-cell small{color:#8a94a5;font-size:.55rem;font-weight:850}.publishing-time-cell b{color:#354056;font-size:.68rem}.publishing-time-cell strong{color:#e05a0e;font-size:.74rem}.publishing-time-cell>span:last-child strong{color:#14825f}
.publishing-live-link{display:inline-flex;margin-top:8px;padding:7px 9px;border-radius:9px;background:#eaf9f2;color:#087d59;font-size:.65rem;font-weight:900}.publishing-live-link:hover{background:#d9f5e9}.publishing-destination-note{display:block;margin-top:7px;padding:7px 8px;border-radius:8px;background:#f3f5f8;color:#657185;font-size:.61rem;line-height:1.5}
.publishing-pagination{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:11px 15px;border-top:1px solid #eadfd8;background:#fff}.publishing-pagination>a{display:inline-flex;min-width:105px;min-height:38px;align-items:center;justify-content:center;padding:7px 12px;border:1px solid #e2d8d2;border-radius:10px;background:#fff;color:#d6530d;font-size:.7rem;font-weight:850}.publishing-pagination>a.is-disabled{pointer-events:none;color:#b4bac4;opacity:.55}.publishing-pagination>span{color:#6f798b;font-size:.7rem}.publishing-pagination b{color:#283348}
@media(max-width:900px){.publishing-report-filter{display:grid;grid-template-columns:1fr 1fr}.publishing-report-filter label{min-width:0}.publishing-report-filter .button{width:100%}}
@media(max-width:760px){
  .publishing-report-filter{grid-template-columns:1fr;padding:11px}.publishing-report-filter .button{width:100%}
  .publishing-report-table{min-width:0!important}.publishing-report-table tbody{display:grid!important;gap:11px}.publishing-report-table tr{display:grid!important;grid-template-columns:1fr!important}.publishing-report-table td{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:9px!important}.publishing-report-table .publishing-social-cell{grid-template-columns:105px 43px minmax(0,1fr)!important}.publishing-report-table .publishing-social-cell:before{grid-column:1}.publishing-report-table .publishing-social-cell>.social-profile-avatar{grid-column:2}.publishing-report-table .publishing-social-cell>span:last-child{grid-column:3}.publishing-report-table .publishing-time-cell{grid-template-columns:105px 1fr 1fr!important}.publishing-report-table .publishing-time-cell:before{grid-column:1}.publishing-report-table .publishing-time-cell>span{grid-row:1}.publishing-report-table .publishing-time-cell>span:first-of-type{grid-column:2}.publishing-report-table .publishing-time-cell>span:last-of-type{grid-column:3}.publishing-report-table .publishing-result-cell,.publishing-report-table .publishing-actions-cell{grid-column:auto}.publishing-pagination{justify-content:space-between;gap:6px}.publishing-pagination>a{min-width:88px;padding:7px 9px}
}
@media(max-width:460px){.publishing-report-table .publishing-social-cell{grid-template-columns:86px 40px minmax(0,1fr)!important}.publishing-report-table .publishing-time-cell{grid-template-columns:86px 1fr!important}.publishing-report-table .publishing-time-cell>span{grid-row:auto}.publishing-report-table .publishing-time-cell>span:first-of-type,.publishing-report-table .publishing-time-cell>span:last-of-type{grid-column:2}.publishing-pagination>span{font-size:.62rem}}

/* Campaign post detail: show the exact delivered caption/media and keep every edge padded. */
.campaign-post-detail-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(1040px,calc(100% - 36px));height:min(840px,92dvh);max-height:92dvh;margin:auto;padding:0;overflow:hidden;border:0;border-radius:24px;background:#fff;box-shadow:0 32px 90px rgba(30,22,18,.34)}
.campaign-post-detail-dialog>.modal-head{position:relative;top:auto;z-index:4;min-width:0;margin:0;padding:22px 28px 18px!important;border-bottom:1px solid #ece7e3;background:linear-gradient(145deg,#fffaf7,#fff)}
.campaign-post-detail-dialog>.modal-head>div{min-width:0;padding-right:56px}.campaign-post-detail-dialog>.modal-head h2{overflow:hidden;margin:4px 0 2px;font-size:1.35rem;text-overflow:ellipsis;white-space:nowrap}.campaign-post-detail-dialog>.modal-head p{font-size:.72rem}.campaign-post-detail-dialog>.modal-head>button{right:24px;top:22px}
.campaign-post-detail-dialog .campaign-post-detail-body{display:grid;grid-template-columns:1fr;align-content:start;gap:14px;min-width:0;padding:20px 28px 30px!important;overflow:auto;background:#f7f9fb}
.campaign-post-detail-body>section{min-width:0;padding:16px 18px;border:1px solid #e3e8ee;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(38,47,62,.045)}
.campaign-post-full-content{min-height:78px;padding:14px 16px;overflow-wrap:anywhere;white-space:pre-wrap}.campaign-post-detail-body>.campaign-post-results{padding:18px}
.campaign-post-result-list{gap:12px}.campaign-post-result-list>article{grid-template-columns:46px minmax(0,1fr) auto;gap:10px 12px;padding:16px!important;overflow:hidden;border-radius:16px;background:#fff!important;box-shadow:0 7px 20px rgba(33,43,58,.055)}.campaign-post-result-list>article.status-published{border-color:#bde8d7;background:linear-gradient(145deg,#f3fcf8,#fff)!important}.campaign-post-result-list .social-brand{width:46px;height:46px;border-radius:14px}.campaign-post-result-list article>div>b{font-size:.86rem}.campaign-post-result-list article>div>small{font-size:.68rem}
.campaign-result-post-preview{display:grid!important;grid-column:1/-1;gap:10px!important;min-width:0;padding:14px!important;border:1px solid #e3e8ee!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}.campaign-result-post-preview>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaign-result-post-preview>header>b{color:#273246;font-size:.78rem}.campaign-result-post-preview>header>small{color:#8a94a5;font-size:.62rem}.campaign-result-post-preview>p{margin:0;padding:11px 12px;border-radius:10px;background:#f6f8fa;color:#3f4a5d;font-size:.75rem;line-height:1.75;overflow-wrap:anywhere;white-space:pre-wrap}
.campaign-result-post-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.campaign-result-post-media figure{display:grid;gap:6px;min-width:0;margin:0;padding:7px;border:1px solid #e1e6ed;border-radius:12px;background:#fff}.campaign-result-post-media :is(img,video,figure>span){display:grid;width:100%;max-height:360px;min-height:170px;place-items:center;border-radius:9px;object-fit:contain;background:#eef2f6}.campaign-result-post-media figcaption{overflow:hidden;padding:0 3px;color:#737e91;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.campaign-result-no-media{padding:10px 12px;border:1px dashed #d9dfe7;border-radius:10px;background:#fafbfc;color:#8992a2!important;font-size:.66rem!important;text-align:center}
.campaign-post-result-list article>footer{display:flex!important;grid-column:1/-1!important;grid-template-columns:none!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important}.campaign-post-result-list article>footer a,.campaign-post-result-list article>footer button{min-height:36px;padding:7px 11px!important}.campaign-post-detail-footer{flex:0 0 auto;padding:13px 28px max(13px,env(safe-area-inset-bottom))!important;background:#fff!important}
@media(max-width:760px){.campaign-post-detail-dialog[open]{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.campaign-post-detail-dialog>.modal-head{padding:16px 16px 13px!important}.campaign-post-detail-dialog>.modal-head>div{padding-right:48px}.campaign-post-detail-dialog>.modal-head>button{right:14px;top:14px}.campaign-post-detail-dialog .campaign-post-detail-body{padding:12px 14px 20px!important}.campaign-post-detail-body>section{padding:13px}.campaign-post-result-list>article{grid-template-columns:40px minmax(0,1fr);padding:13px!important}.campaign-post-result-list .social-brand{width:40px;height:40px}.campaign-post-result-list>article>.pill{grid-column:2;justify-self:start}.campaign-result-post-media{grid-template-columns:1fr}.campaign-result-post-media :is(img,video,figure>span){min-height:150px;max-height:300px}.campaign-post-detail-footer{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important}.campaign-post-detail-footer .button{width:100%;min-width:0}}

/* Campaign progress and identity: stable spacing, truthful finite progress, clear Social profile. */
.campaign-detail-dialog>.modal-head{box-sizing:border-box!important;width:auto!important;min-width:0;margin:0!important;padding:22px 32px 18px!important;overflow:hidden}.campaign-detail-dialog>.modal-head>div{min-width:0;padding-left:0!important;padding-right:58px}.campaign-detail-dialog>.modal-head>button{right:24px;top:20px}
.campaign-detail-progress{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px 18px!important}.campaign-detail-progress>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.campaign-detail-progress>header>strong{display:grid!important;gap:0;color:#e75b0c;font-size:1.4rem!important;text-align:right}.campaign-detail-progress>header>strong>small{color:#7f8999;font-size:.58rem;font-weight:850}.campaign-progress-track{display:block!important;grid-column:auto!important;width:100%;height:10px!important;overflow:hidden;border-radius:999px;background:#ffeadf}.campaign-progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9a54,#f55b08)}.campaign-detail-progress>p{grid-column:auto!important;grid-row:auto!important;margin:0;color:#7e8899;font-size:.68rem!important}
.campaign-run-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.campaign-detail-progress.is-continuous .campaign-run-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-run-stats>span{display:grid;gap:2px;padding:10px 12px;border:1px solid #e5e9ef;border-radius:12px;background:#fff}.campaign-run-stats small{color:#7f899a;font-size:.6rem;font-weight:850}.campaign-run-stats b{font-size:1.05rem}.campaign-run-stats .is-success{border-color:#bce8d7;background:#effbf6}.campaign-run-stats .is-success b{color:#0b855d}.campaign-run-stats .is-pending{border-color:#eadcff;background:#f8f3ff}.campaign-run-stats .is-pending b{color:#7650c7}.campaign-run-stats .is-failed{border-color:#f2caca;background:#fff5f5}.campaign-run-stats .is-failed b{color:#ca3e43}.campaign-run-stats .is-remaining{border-color:#f6d7bd;background:#fff8f1}.campaign-run-stats .is-remaining b{color:#de5c0d}
.campaign-post-result-list>article{grid-template-columns:52px minmax(0,1fr) auto}.campaign-post-result-list .campaign-result-profile{width:48px;height:48px;align-self:start}.campaign-post-result-list .campaign-result-profile>.social-mini{width:23px;height:23px;right:-3px;bottom:-3px;z-index:2}.campaign-post-result-list .campaign-result-profile>img{z-index:1}
@media(max-width:760px){.campaign-detail-dialog>.modal-head{padding:18px 20px 15px!important}.campaign-detail-dialog>.modal-head>div{padding-right:48px}.campaign-run-stats,.campaign-detail-progress.is-continuous .campaign-run-stats{grid-template-columns:1fr 1fr}.campaign-post-result-list>article{grid-template-columns:44px minmax(0,1fr)}.campaign-post-result-list .campaign-result-profile{width:42px;height:42px}.campaign-post-result-list>article>.pill{grid-column:2}}
.campaign-progress-track{grid-row:auto!important}
.campaign-progress.is-continuous>span{display:none}.campaign-progress>div:first-child>strong{font-size:1rem}.campaign-progress.is-continuous>div:first-child>strong{color:#7250c4}.campaign-card-run-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}.campaign-card-run-stats>span{display:flex!important;width:auto!important;height:auto!important;align-items:center;justify-content:space-between;padding:7px 9px;border:1px solid #e5e9ef;border-radius:10px;background:#fff;color:#6f7a8c;font-size:.62rem;font-weight:800}.campaign-card-run-stats>span>b{font-size:.82rem}.campaign-card-run-stats .is-success{border-color:#bde7d7;background:#effbf6;color:#087d59}.campaign-card-run-stats .is-pending{border-color:#e6d9fa;background:#f8f3ff;color:#7250c4}.campaign-card-run-stats .is-failed{border-color:#f2caca;background:#fff5f5;color:#c73d42}
@media(max-width:460px){.campaign-card-run-stats{grid-template-columns:1fr}.campaign-run-stats,.campaign-detail-progress.is-continuous .campaign-run-stats{grid-template-columns:1fr}}
.campaign-plan-order{display:grid;width:48px;height:42px;align-content:center;justify-items:center;line-height:1.05}.campaign-plan-order>small{display:block;color:#a76745;font-size:.5rem;font-weight:850}.campaign-plan-list article{grid-template-columns:50px 110px minmax(180px,1fr) minmax(160px,1fr) auto}

/* Campaign wizard step 4: group choices and schedule into a balanced, scannable layout. */
.campaign-wizard-step[data-campaign-wizard-step="4"]{gap:14px;padding:18px 28px 24px;background:linear-gradient(180deg,#fff,#fffaf7)}.campaign-wizard-step[data-campaign-wizard-step="4"]>header{gap:3px;padding:0 0 12px}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px 14px;padding:18px;border:1px solid #eadfd8;border-radius:20px;background:#f8fafc;box-shadow:0 8px 24px rgba(58,43,34,.04)}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split:before{content:"การเลือกโพสต์และตารางเวลา";grid-column:1/-1;color:#283348;font-size:.9rem;font-weight:900}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>label{display:grid;align-self:start;gap:7px;min-width:0;margin:0;padding:13px 14px;border:1px solid #e4e8ee;border-radius:15px;background:#fff;color:#303b4f;font-size:.76rem;font-weight:850;box-shadow:0 4px 13px rgba(41,50,66,.035)}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>label[hidden],.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>fieldset[hidden]{display:none!important}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>label>select,.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>label>input{min-height:50px;margin:0;border-color:#dfe4eb;border-radius:12px;background-color:#fff}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>.one-post-per-run-note{grid-column:2;align-self:stretch;min-height:79px;margin:0;padding:13px 15px;border-radius:15px;background:linear-gradient(135deg,#ebfaf3,#f7fffb)}.campaign-wizard-step[data-campaign-wizard-step="4"] .one-post-per-run-note b{font-size:.7rem;white-space:nowrap}.campaign-wizard-step[data-campaign-wizard-step="4"] .one-post-per-run-note span{font-size:.7rem;line-height:1.55}.campaign-wizard-step[data-campaign-wizard-step="4"] .multi-time-field{align-self:start}.campaign-wizard-step[data-campaign-wizard-step="4"] .schedule-time-list{gap:7px;margin-top:0}.campaign-wizard-step[data-campaign-wizard-step="4"] .schedule-time-row input{min-height:50px}.campaign-wizard-step[data-campaign-wizard-step="4"] .schedule-time-add{min-height:38px;margin-top:2px}.campaign-wizard-step[data-campaign-wizard-step="4"] .schedule-days-field{padding:14px;border:1px solid #e4e8ee;border-radius:15px;background:#fff}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-settings{gap:12px;padding:17px 18px 18px;border-radius:20px;background:linear-gradient(145deg,#fffaf7,#fff)}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-settings>legend{color:#283348;font-size:.9rem}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-options span{min-height:76px;padding:12px 13px}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-options b{font-size:.76rem}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-options small{font-size:.65rem;line-height:1.5}
@media(max-width:760px){.campaign-wizard-step[data-campaign-wizard-step="4"]{padding:14px 12px 20px}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split{grid-template-columns:1fr;gap:10px;padding:12px;border-radius:16px}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split:before,.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>.one-post-per-run-note{grid-column:1}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>.one-post-per-run-note{min-height:0}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-options{grid-template-columns:1fr}.campaign-wizard-step[data-campaign-wizard-step="4"] .campaign-end-options span{min-height:0}}
.comment-media-picker-dialog>input[type="hidden"]{display:none}.comment-media-picker-dialog>.modal-head{box-sizing:border-box;width:auto;min-width:0;margin:0!important;padding:30px 36px 26px!important;border-bottom:1px solid #eee4dd;background:linear-gradient(145deg,#fffaf7,#fff)}.comment-media-picker-dialog>.modal-head>div{min-width:0;padding-right:58px}.comment-media-picker-dialog>.modal-head h2{margin:4px 0 2px;font-size:1.45rem}.comment-media-picker-dialog>.modal-head p{margin:5px 0 0;color:#7c8493;font-size:.78rem}.comment-media-picker-dialog>.modal-head>button{right:30px;top:28px}.comment-media-picker-tools{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 14px;padding:18px 32px!important}.comment-media-picker-upload{display:block;cursor:pointer}.comment-media-picker-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.comment-media-picker-upload span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 17px;border:1px solid #ffad7b;border-radius:14px;background:linear-gradient(135deg,#ff8a43,#f25b0c);color:#fff;font-size:.78rem;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px rgba(239,91,16,.18)}.comment-media-picker-upload:hover span{filter:brightness(.98);transform:translateY(-1px)}.comment-media-picker-upload:has(input:focus-visible) span{outline:3px solid rgba(255,107,24,.25)}.comment-media-picker-upload:has(input:disabled){cursor:wait;opacity:.65}.comment-media-picker-tools>small{grid-column:1/-1;padding:9px 12px;border-radius:11px;background:#fff2e9;color:#c64c10;font-size:.72rem;font-weight:800}.comment-media-picker-tools>small[hidden]{display:none!important}.comment-media-picker-grid{padding:22px 32px 26px!important}.comment-media-picker-pagination{padding:13px 32px!important}.comment-media-picker-dialog>footer{padding:16px 32px 20px!important}
@media(max-width:700px){.comment-media-picker-dialog>.modal-head{padding:21px 18px 18px!important}.comment-media-picker-dialog>.modal-head>div{padding-right:46px}.comment-media-picker-dialog>.modal-head h2{font-size:1.18rem}.comment-media-picker-dialog>.modal-head>button{right:14px;top:16px}.comment-media-picker-tools{grid-template-columns:1fr;padding:14px 16px!important}.comment-media-picker-upload span{width:100%;box-sizing:border-box}.comment-media-picker-tools>strong{justify-self:start}.comment-media-picker-grid{padding:14px 16px 18px!important}.comment-media-picker-pagination{padding:10px 16px!important}.comment-media-picker-dialog>footer{padding:12px 16px max(12px,env(safe-area-inset-bottom))!important}}
.spin-text-hint,.comment-editor-body label:has(textarea[name="content"])::after{display:block;margin-top:4px;padding:8px 10px;border:1px solid #eadfff;border-radius:10px;background:#f8f5ff;color:#6c50b6;font-size:.7rem!important;font-weight:750!important;line-height:1.5}.spin-text-hint code{padding:2px 5px;border-radius:6px;background:#eee7ff;color:#593da7;font:800 .68rem "Manrope","Noto Sans Thai",sans-serif}.comment-editor-body label:has(textarea[name="content"])::after{content:"รองรับ Spin Text: {คอมเมนต์ A|คอมเมนต์ B|คอมเมนต์ C}"}

/* Campaign comment switch and scalable picker */
.campaign-comment-toggle>input+span:not(.campaign-comment-switch){position:relative;min-height:36px;padding-left:70px}.campaign-comment-toggle>input+span:not(.campaign-comment-switch):before{content:"";position:absolute;left:0;top:3px;width:60px;height:30px;border-radius:999px;background:#d9dee7;transition:.2s}.campaign-comment-toggle>input+span:not(.campaign-comment-switch):after{content:"";position:absolute;left:3px;top:6px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(31,41,55,.22);transition:.2s}.campaign-comment-toggle>input:checked+span:not(.campaign-comment-switch):before{background:linear-gradient(135deg,#ff8a3d,#f45d0a)}.campaign-comment-toggle>input:checked+span:not(.campaign-comment-switch):after{transform:translateX(30px)}
.campaign-comment-toggle{cursor:pointer;user-select:none}.campaign-comment-toggle>input{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;opacity:0!important;pointer-events:none}.campaign-comment-switch{display:flex!important;align-items:center!important;width:54px;height:30px;padding:3px!important;border-radius:999px;background:#d9dee7!important;box-shadow:inset 0 0 0 1px rgba(31,41,55,.08);transition:.2s;flex:none}.campaign-comment-switch i{display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(31,41,55,.22);transition:transform .2s}.campaign-comment-toggle>input:checked+.campaign-comment-switch{background:linear-gradient(135deg,#ff8a3d,#f45d0a)!important}.campaign-comment-toggle>input:checked+.campaign-comment-switch i{transform:translateX(24px)}.campaign-comment-toggle>input:focus-visible+.campaign-comment-switch{outline:4px solid rgba(249,115,22,.2)}.campaign-comment-toggle-copy{display:grid!important;gap:3px!important;min-width:0}.campaign-comment-picker-field{margin:0!important;padding:0!important;border:0!important}.campaign-comment-picker-field .campaign-picker-button{min-height:76px}.campaign-comment-options>.campaign-comment-picker-field+small,.campaign-comment-options>small{color:#75665f;font-weight:650}

/* Comment image preview: fill the editor cleanly, preserve artwork/text, and
   open a dedicated full-size viewer instead of stretching the source image. */
.comment-media-preview{width:100%;min-width:0;place-items:stretch!important;align-content:stretch!important;background:linear-gradient(145deg,#171a20,#29232a)!important}.comment-media-preview-zoom{position:relative;display:grid!important;width:100%;min-width:0;aspect-ratio:16/9;max-height:360px;padding:0!important;overflow:hidden;border:0;background:transparent;cursor:zoom-in}.comment-media-preview-zoom img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;justify-self:stretch!important;object-fit:contain!important;background:transparent!important}.comment-media-preview-zoom>span{position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:10px;background:rgba(20,22,28,.78);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.01em;opacity:.88;backdrop-filter:blur(8px);transition:.18s}.comment-media-preview-zoom:hover>span{background:#f56516;opacity:1;transform:translateY(-2px)}.comment-media-preview-zoom:focus-visible{outline:4px solid rgba(249,115,22,.35);outline-offset:-4px}.comment-media-preview>small{background:#fff!important}.comment-image-viewer{box-sizing:border-box;width:min(1440px,calc(100vw - 28px));height:min(940px,calc(100dvh - 20px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;border:0;border-radius:24px;background:#11141a;box-shadow:0 34px 110px rgba(0,0,0,.5);color:#fff}.comment-image-viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.comment-image-viewer::backdrop{background:rgba(8,10,14,.88);backdrop-filter:blur(7px)}.comment-image-viewer>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#181b22}.comment-image-viewer>header>div{display:grid;min-width:0;gap:2px}.comment-image-viewer>header b{font-size:.9rem}.comment-image-viewer>header small{overflow:hidden;color:#aeb6c5;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.comment-image-viewer>header button{display:grid;width:42px;height:42px;flex:none;padding:0;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#292d36;color:#fff;font-size:1.5rem;cursor:pointer}.comment-image-viewer>figure{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0;padding:16px}.comment-image-viewer>figure img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:14px;background:#0c0e12}.comment-image-viewer figcaption{padding:12px 4px 0;color:#aeb6c5;font-size:.68rem;text-align:center}
@media(max-width:700px){.comment-media-preview-zoom{max-height:300px}.comment-image-viewer{width:100%;height:100dvh;border-radius:0}.comment-image-viewer>figure{padding:10px}.comment-image-viewer>header{padding:11px 12px}}

/* Keep the inline comment preview compact; the full artwork belongs in the
   click-to-open viewer above, not stretched across the editor. */
.comment-media-preview{width:min(300px,100%)!important;justify-self:start!important}
.comment-media-preview-zoom{width:100%;max-height:none}

/* Campaign media dispatch mode */
.campaign-media-mode-field{border-color:#ffc9aa!important;background:linear-gradient(145deg,#fff8f3,#fff)!important}.campaign-media-mode-field>span{color:#303b4f;font-weight:900}.campaign-media-mode-field>small{display:block;color:#8b6f61;font-size:.65rem;font-weight:650;line-height:1.55}.campaign-media-mode-field select{border-color:#f2b895!important;background-color:#fff!important}.campaign-wizard-step[data-campaign-wizard-step="4"] .form-split>.one-post-per-run-note{grid-column:1/-1;min-height:0}.campaign-schedule-dialog>form>.campaign-media-mode-field{padding:14px 16px;border:1px solid #ffc9aa;border-radius:16px}

/* Never stack the campaign library over another modal. JS temporarily suspends
   the wizard, while the picker uses the full viewport instead of shrinking to
   the content width behind the fixed sidebar. */
@media(min-width:761px){body.app-shell .campaign-library-dialog[open]{position:fixed!important;inset:auto!important;left:50%!important;top:50%!important;width:min(1240px,calc(100vw - 32px))!important;height:min(860px,calc(100dvh - 24px))!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:10050!important}}

/* Larger comment media library: use the viewport for content, not empty margins. */
@media(min-width:701px){.comment-media-picker-dialog{width:min(1240px,calc(100vw - 34px))!important;height:min(920px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important}.comment-media-picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;grid-auto-rows:max-content;gap:14px!important}.comment-media-picker-grid>button{grid-template-rows:150px auto}.comment-media-picker-grid img{height:150px}.comment-media-picker-dialog>.modal-head{padding-top:22px!important;padding-bottom:18px!important}.comment-media-picker-tools{padding-top:12px!important;padding-bottom:12px!important}.comment-media-picker-dialog>footer{padding-top:12px!important;padding-bottom:14px!important}body.app-shell .comment-media-picker-dialog{width:min(1240px,calc(100vw - 294px))!important;height:min(920px,calc(100dvh - 24px))!important}}