/* Social Publisher Pro v0.5.2 – comfort interface. Original CSS for this app.
   Scoped overrides keep existing Laravel forms, uploads, OAuth and publish logic intact. */
:root{--comfort-bg:#f5f6fb;--comfort-panel:#fff;--comfort-text:#233149;--comfort-muted:#8491a5;--comfort-line:#ecedf4;--comfort-violet:#6656dd;--comfort-purple-pale:#f0edff;--comfort-green:#148d65;--comfort-shadow:0 6px 22px rgba(42,48,85,.035)}
body.dashboard-page.comfort-ui{margin:0;background:var(--comfort-bg);font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;font-size:13px;color:var(--comfort-text)}
.comfort-ui *{scrollbar-color:#d9ddec transparent;scrollbar-width:thin}
.comfort-ui a:focus-visible,.comfort-ui button:focus-visible,.comfort-ui input:focus-visible,.comfort-ui textarea:focus-visible,.comfort-ui select:focus-visible{outline:2px solid #8f7ce8;outline-offset:2px}
/* Trial header is a neutral product navigation strip, not a made-up trial balance. */
.comfort-trial-strip{height:33px;background:linear-gradient(95deg,#4b4bb5,#7955d4);color:#fff;position:relative;z-index:25}
.comfort-trial-inner{max-width:1480px;height:100%;margin:auto;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:11px}
.comfort-plan-pill{font:800 9px/1.4 Arial,sans-serif;letter-spacing:.6px;padding:3px 8px;border-radius:5px;background:#ffffff2c;white-space:nowrap}
.comfort-trial-description{color:#e6e2fb}
.comfort-trial-inner>a{background:#fff;color:#5847b4;border-radius:6px;padding:4px 10px;font-weight:800;margin-inline-start:7px;white-space:nowrap}
.comfort-trial-inner>a:hover{background:#f3f0ff}
.comfort-topbar{height:66px;position:sticky;top:0;z-index:22;background:#fff;border-bottom:1px solid var(--comfort-line);display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 clamp(14px,2vw,30px)}
.comfort-brand-group{display:flex;gap:10px;align-items:center;min-width:206px}
.comfort-brand-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#5745ce,#8664ec);color:#fff;border-radius:10px}
.comfort-brand-label{display:flex;flex-direction:column;line-height:1.4}
.comfort-brand-label b{font-weight:800;font-size:14px;color:#202b44}
.comfort-brand-label small{color:#99a5b7;font-size:10px;margin-top:3px}
.comfort-crumbs{display:flex;align-items:center;gap:13px;font-size:11px;color:#9ba6ba;margin-inline-start:auto}
.comfort-crumbs strong{color:#465572;font-weight:800}
.comfort-top-actions{display:flex;align-items:center;gap:9px}
.comfort-top-tool{width:34px;height:34px;display:grid;place-items:center;background:#f9faff;border:1px solid #eef0f5;border-radius:10px;color:#6c7891;cursor:pointer}
.comfort-top-tool:hover{color:#6555da;border-color:#d8d0fc;background:#f6f3ff}
.comfort-user{display:flex;align-items:center;gap:9px;color:#67768b;font-size:11px}
.comfort-user>span{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#efebff;color:#6855d3;font-weight:800;font-size:14px}
.comfort-user b{font-weight:700;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comfort-mobile-toggle{display:none}
.comfort-ui .shell.comfort-shell{display:flex;background:var(--comfort-bg);min-height:calc(100vh - 99px)}
.comfort-ui .sidebar{width:238px!important;flex:0 0 238px;top:66px;height:calc(100vh - 99px);position:sticky;background:#fff!important;padding:0!important;color:#61708b!important;border-left:1px solid var(--comfort-line)!important;box-shadow:0 2px 14px rgba(32,43,81,.018)!important;display:flex;flex-direction:column;z-index:21}
.comfort-nav-scroll{overflow-y:auto;overflow-x:hidden;padding:18px 12px 10px;min-height:0}
.comfort-ui .sidebar .side-label{padding:0 12px 5px!important;margin:13px 0 9px!important;color:#a2aec1!important;font-size:10px!important;font-weight:800;letter-spacing:0}
.comfort-ui .sidebar .side-label:first-child{margin-top:0!important}
.comfort-ui .sidebar .side-link{display:flex!important;align-items:center;gap:12px;height:41px;margin:3px 0!important;padding:0 12px!important;color:#66758e!important;border-radius:9px!important;font-weight:700!important;font-size:11.6px;line-height:1.2;white-space:nowrap;overflow:hidden;box-shadow:none!important;transition:background .16s ease,color .16s ease}
.comfort-ui .sidebar .side-link svg{width:18px;height:18px;flex:none}
.comfort-ui .sidebar .side-link span:not(.comfort-new-pill){overflow:hidden;text-overflow:ellipsis}
.comfort-ui .sidebar .side-link:hover{background:#f5f2ff!important;color:#5b47d3!important}
.comfort-ui .sidebar .side-link.active{background:var(--comfort-purple-pale)!important;color:#5b4ad4!important;box-shadow:none!important}
.comfort-ui .sidebar .side-link.active:before{display:none}
.comfort-create-link em{margin-inline-start:auto;font-style:normal;font-size:17px}
.comfort-new-pill{margin-inline-start:auto;border-radius:5px;background:#f1ebff;color:#805ddd;padding:4px 6px;font:800 9px Arial,sans-serif}
.comfort-side-footer{padding:12px;margin-top:auto;border-top:1px solid #f3f3f8}
.comfort-help-card{border:1px solid #efedfa;background:linear-gradient(140deg,#f3efff,#f9faff);border-radius:13px;padding:13px;display:flex;gap:6px;flex-direction:column}
.comfort-help-glyph{color:#7451df;font-size:18px;font-weight:800;line-height:1}
.comfort-help-card strong{font-size:11px;color:#2b3550}
.comfort-help-card small{font-size:10px;color:#8290a6;line-height:1.9}
.comfort-help-card a{color:#6452d6;font-size:10.5px;font-weight:800;margin-top:3px}
.comfort-profile-row{display:flex;gap:10px;align-items:center;padding:12px 2px 2px}
.comfort-profile-avatar{width:31px;height:31px;border-radius:9px;background:#f1edff;color:#7560d7;display:grid;place-items:center;font-weight:800}
.comfort-profile-row>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.comfort-profile-row b{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#24304b}
.comfort-profile-row small{font-size:9.5px;color:#91a0b5}
.comfort-logout{border:0;color:#9ba6b8;background:transparent;padding:7px;border-radius:7px;cursor:pointer}
.comfort-logout:hover{background:#f4f2ff;color:#604fd5}
.comfort-ui .main.comfort-main{flex:1;min-width:0;background:var(--comfort-bg)!important}
.comfort-ui .content{width:100%;max-width:1530px;padding:26px clamp(16px,2vw,30px) 48px!important;margin:0 auto}
.comfort-ui .heading{margin-bottom:17px;gap:12px}
.comfort-ui .heading h1{font-size:25px;letter-spacing:-.4px;margin:0 0 2px;color:#27334e;line-height:1.6}
.comfort-ui .heading p{color:#919cb0;font-size:12px;line-height:1.8}
.comfort-ui .heading .eyebrow{color:#9987e4;font-weight:800;font-size:10.5px;letter-spacing:.7px}
.comfort-ui .panel,.comfort-ui .metric,.comfort-ui .item-editor,.comfort-ui .client-card,.comfort-ui .media-tile,.comfort-ui .account.pro-account{background:#fff!important;border:1px solid #eff0f6!important;border-radius:14px!important;box-shadow:var(--comfort-shadow)!important}
.comfort-ui .panel{padding:19px!important;margin-bottom:15px!important}
.comfort-ui .panel h2{font-size:14.5px;margin:0 0 12px;color:#303d56}
.comfort-ui .panel h3{font-size:13px;color:#303b52}
.comfort-ui .section-heading{margin-bottom:15px!important;gap:11px}
.comfort-ui .section-heading h2{font-size:14.5px!important}
.comfort-ui .muted,.comfort-ui .section-heading .muted{color:#8c98ac!important;font-size:11.5px}
.comfort-ui .btn{border-radius:9px;min-height:39px;padding:9px 14px;font-size:11.8px;font-weight:800}
.comfort-ui .btn.primary{background:#6b59de!important;color:#fff;border:1px solid #6b59de!important;box-shadow:0 3px 10px #6b59de1e!important}
.comfort-ui .btn.primary:hover{background:#5c48d0!important;transform:translateY(-1px)}
.comfort-ui .btn.subtle,.comfort-ui .btn.outline{background:#fff!important;color:#6b59d7!important;border:1px solid #e8e6f1!important;box-shadow:none!important}
.comfort-ui .btn.subtle:hover,.comfort-ui .btn.outline:hover{background:#f6f3ff!important;border-color:#d6ccf8!important}
.comfort-ui label{font-size:11.5px;font-weight:750;color:#526078;line-height:1.7}
.comfort-ui input:not([type=checkbox]):not([type=file]),.comfort-ui select,.comfort-ui textarea{background:#fafbfe;border:1px solid #e9ecf4;color:#354259;border-radius:10px!important;padding:10px 12px!important;font-size:12px;min-height:41px;box-shadow:none}
.comfort-ui textarea{line-height:1.8;min-height:100px;resize:vertical}
.comfort-ui input:focus,.comfort-ui textarea:focus,.comfort-ui select:focus{border-color:#9a8bea!important;box-shadow:0 0 0 3px #6f59db12!important}
.comfort-ui .metric-grid{gap:11px;margin-bottom:16px}
.comfort-ui .metric{padding:16px!important;min-width:0}
.comfort-ui .metric b{font-size:25px;line-height:1.5;color:#293651}
.comfort-ui .metric small,.comfort-ui .metric p{color:#8d9aaa!important}
.comfort-ui .dashboard-columns{gap:14px;margin-bottom:0}
.comfort-ui .quick-grid{gap:9px}
.comfort-ui .quick-grid>a{border-radius:11px;padding:12px;border-color:#eff0f5;background:#fdfdff;min-height:53px}
.comfort-ui .status{border-radius:7px;padding:5px 9px;font-size:10.5px;white-space:nowrap}
.comfort-ui .status.ok{background:#eaf8f2;color:#18845e}
.comfort-ui .status.bad{background:#ffeff0;color:#bb4a55}
.comfort-ui .status.warn{background:#fff5e4;color:#ad7c24}
.comfort-ui .toolbar-filters{padding:12px;background:#fafbff;border:1px solid #f0f1f6;border-radius:11px;gap:10px;margin-bottom:14px!important}
.comfort-ui .toolbar-filters>label{flex:1;min-width:140px;max-width:265px}
.comfort-ui .table-wrap{overflow-x:auto;max-width:100%;border-radius:9px}
.comfort-ui .pro-table{min-width:650px;width:100%;border-collapse:separate;border-spacing:0}
.comfort-ui .pro-table th{font-size:10.5px;letter-spacing:.1px;font-weight:800;background:#f7f8fc;color:#8a98ae;border-bottom:1px solid #edf0f6;padding:13px 12px;white-space:nowrap}
.comfort-ui .pro-table td{padding:11px 12px;border-bottom:1px solid #f0f1f6;font-size:11.5px;color:#53627a;vertical-align:middle}
.comfort-ui .pro-table tr:hover td{background:#fbfbff}
.comfort-ui .pro-table tbody tr:last-child td{border-bottom:0}
.comfort-ui .table-media img{border-radius:9px!important}
.comfort-ui .pagination{padding-top:13px}
.comfort-table-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}
.comfort-table-tools>div{display:flex;flex-direction:column;gap:4px}
.comfort-table-tools strong{font-size:12px;color:#303e56}
.comfort-table-tools small{font-size:10.5px;color:#97a3b7}
.comfort-search{position:relative;min-width:205px;max-width:350px;width:35%;display:block!important}
.comfort-search svg{position:absolute;right:12px;top:13px;pointer-events:none;color:#9da7b9}
.comfort-ui .comfort-search input{height:39px;min-height:39px;padding-right:36px!important}
.comfort-workflow-banner{border-radius:12px;background:linear-gradient(110deg,#ededfb,#f2f4ff);display:flex;align-items:center;gap:12px;padding:13px 16px;margin:0 0 15px;color:#6167a5}
.comfort-workflow-icon{flex:none;width:30px;height:30px;border-radius:9px;background:#ded9fa;color:#7e6cdf;display:grid;place-items:center;font-size:18px}
.comfort-workflow-banner>div{display:flex;flex-direction:column;gap:2px;flex:1}
.comfort-workflow-banner strong{font-size:11.5px;color:#5e64a4}
.comfort-workflow-banner small{font-size:10.5px;color:#8995b5}
.comfort-step-label{font-size:10px;font-weight:800;color:#817bc5;background:#ffffffbb;border-radius:7px;padding:6px 9px;white-space:nowrap}
.comfort-account-bar{margin-bottom:15px}
.comfort-account-bar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:12px}
.comfort-account-bar-head>div{display:flex;flex-direction:column;gap:2px}
.comfort-account-bar-head strong{font-size:12px;color:#43516c}
.comfort-account-bar-head small{color:#94a0b5;font-size:10.5px}
.comfort-account-items{display:flex;flex-wrap:wrap;gap:10px}
.comfort-account-chip{display:flex!important;flex:1 1 205px;max-width:355px;align-items:center;gap:11px;border:1px solid #e5e2f9;background:#f8f7ff;border-radius:11px;padding:10px 12px;cursor:pointer;min-height:65px;transition:.15s}
.comfort-account-chip:has(input:not(:checked)){border-color:#ebedf3;background:#fff;opacity:.7}
.comfort-account-chip:focus-within{outline:2px solid #9184e7;outline-offset:2px}
.comfort-account-chip>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.comfort-account-chip b{color:#47536b;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comfort-account-chip small{color:#8b99b0;font-size:10px;white-space:nowrap}
.comfort-account-chip input{width:17px;height:17px;accent-color:#7862e2;flex:none}
.comfort-no-accounts{color:#8994aa;padding:12px 14px;background:#fff;border:1px dashed #e0e2ef;border-radius:10px;display:flex;align-items:center;gap:10px}
.comfort-ui .composer-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:14px}
.comfort-ui .composer-primary .panel{margin-bottom:14px!important}
.comfort-ui .composer-primary .dropzone{min-height:135px;border-radius:12px;border:1px dashed #cfc8f9;background:#faf9ff}
.comfort-ui .composer-side{display:flex;flex-direction:column;gap:12px}
.comfort-ui .composer-side .panel{margin-bottom:0!important}
.comfort-live-preview{background:#fff;border:1px solid #edf0f6;border-radius:14px;padding:15px;box-shadow:var(--comfort-shadow);overflow:hidden}
.comfort-live-preview-title{display:flex;align-items:center;justify-content:space-between;padding:0 0 11px;gap:10px}
.comfort-live-preview-title>div{display:flex;flex-direction:column;gap:3px}
.comfort-live-preview-title strong{color:#394760;font-size:12px}
.comfort-live-preview-title small{color:#96a1b3;font-size:10px}
.comfort-live-preview-title>span{color:#98a6c4;font-size:18px}
.comfort-preview-social{display:flex;align-items:center;gap:10px;border:1px solid #edf0f5;border-bottom:0;border-radius:11px 11px 0 0;padding:9px}
.comfort-preview-user{display:grid;place-items:center;border-radius:50%;width:28px;height:28px;background:#efecff;color:#7c65dc;font-size:14px}
.comfort-preview-social>div{display:flex;flex-direction:column;flex:1;gap:1px}
.comfort-preview-social b{font-size:10.5px;color:#404d64}
.comfort-preview-social small{font-size:9px;color:#9aa5b7}
.comfort-preview-dots{color:#9eacc0}
.comfort-preview-image{height:230px;display:grid;place-items:center;background:linear-gradient(133deg,#806bd9,#bba5f4);overflow:hidden;position:relative}
.comfort-preview-image img,.comfort-preview-image video{width:100%;height:100%;object-fit:cover}
.comfort-preview-placeholder{display:flex;flex-direction:column;gap:8px;text-align:center;color:#fff;align-items:center}
.comfort-preview-placeholder>span{font-size:25px}
.comfort-preview-placeholder strong{font-size:17px}
.comfort-preview-placeholder small{font-size:11px;color:#ece6ff}
.comfort-preview-buttons{padding:10px 5px;font-size:16px;letter-spacing:1px;color:#8d9ab2;display:flex;gap:5px;align-items:center}
.comfort-preview-buttons span{margin-inline-start:auto}
.comfort-preview-caption{line-height:1.9;font-size:10.7px;color:#53627c;margin:0 0 7px;overflow-wrap:anywhere;white-space:pre-line}
.comfort-preview-hashtags{font-size:10px;color:#6e65d0;line-height:1.7;overflow-wrap:anywhere;margin:0 0 10px;white-space:pre-line}
.comfort-preview-note{display:flex;align-items:flex-start;gap:7px;background:#f9faff;color:#8e9bb1;padding:10px;border-radius:9px;font-size:10px;line-height:1.8}
.comfort-ui .composer-side .sticky{position:static}
.comfort-ui .account-list,.comfort-ui .cards{gap:10px}
.comfort-ui .account{padding:11px 13px}
.comfort-ui .media-grid{gap:11px}
.comfort-ui .media-tile{overflow:hidden}
.comfort-ui .calendar-grid{gap:3px;background:#fff;border-radius:10px}
.comfort-ui .calendar-day-title{background:#f7f8fc;border-color:#eef0f4;color:#8a97ab}
.comfort-ui .calendar-cell{min-height:107px;border-color:#f0f1f6;background:#fff}
.comfort-ui .calendar-cell.today{background:#f4f1ff;border-color:#c9bef9}
.comfort-ui .ai-panel{box-shadow:var(--comfort-shadow);border-color:#efeff6}
.comfort-ui .ai-headline{margin-bottom:17px}
.comfort-ui .ai-headline h1{font-size:28px}
.comfort-ui .ai-create-panel{min-width:0}
.comfort-ui .alert{border-radius:10px;margin-bottom:14px}
.comfort-ui .empty-panel{padding:25px 15px;color:#9aa5b6}
.comfort-ui .empty-panel h3{color:#59667c}
/* Public/auth pages share the visual polish but do not alter authentication or legal content. */
body.auth-page,body.public-page{font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif}
.auth-page .auth-card,.public-page .feature-card{border-radius:15px!important}
.auth-page .auth-form input,.auth-page .auth-form select{border-color:#e8e9f2;background:#fdfdff}
.auth-page .auth-promo{background:linear-gradient(135deg,#3f408e,#6754b9)!important}
@media(max-width:1180px){.comfort-ui .sidebar{width:213px!important;flex-basis:213px}.comfort-ui .content{padding:22px 18px 36px!important}.comfort-ui .composer-grid{grid-template-columns:minmax(0,1fr) 300px}.comfort-brand-group{min-width:170px}}
@media(max-width:900px){.comfort-ui .composer-grid{grid-template-columns:1fr}.comfort-ui .composer-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.comfort-preview-image{height:190px}.comfort-crumbs{display:none}.comfort-topbar{justify-content:space-between}}
@media(max-width:760px){
 .comfort-trial-inner{justify-content:space-between;gap:5px}.comfort-trial-description{display:none}.comfort-trial-inner strong{font-size:10px;white-space:nowrap}.comfort-trial-inner>a{padding:4px 6px;font-size:10px}
 .comfort-topbar{height:60px;padding:0 12px}.comfort-brand-label small{display:none}.comfort-brand-label b{font-size:12px}.comfort-brand-group{min-width:0}.comfort-top-tool:not(.comfort-mobile-toggle){display:none}.comfort-user b{display:none}.comfort-mobile-toggle{display:grid}.comfort-user>span{width:30px;height:30px}
 .comfort-ui .shell.comfort-shell{display:block;min-height:calc(100vh - 93px)}
 .comfort-ui .sidebar{position:fixed!important;top:0!important;height:100dvh!important;width:min(286px,84vw)!important;flex-basis:auto;transform:translateX(110%);transition:transform .18s;box-shadow:0 10px 60px #0c16384a!important;z-index:80!important;padding-top:12px!important;overflow:hidden}
 .comfort-ui .sidebar.open{transform:translateX(0)!important}
 .comfort-ui .mobile-overlay.open{z-index:70}
 .comfort-ui .content{padding:18px 12px 32px!important}
 .comfort-ui .panel{padding:14px!important}
 .comfort-ui .heading{align-items:flex-start;flex-direction:column;margin-bottom:14px}.comfort-ui .heading h1{font-size:21px}.comfort-ui .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .comfort-ui .metric{padding:11px!important}.comfort-ui .metric b{font-size:21px}.comfort-ui .dashboard-columns{grid-template-columns:1fr}
 .comfort-ui .composer-side{grid-template-columns:1fr}.comfort-ui .composer-side .panel{margin-bottom:0!important}
 .comfort-ui .comfort-workflow-banner{flex-wrap:wrap}.comfort-step-label{margin-inline-start:auto}.comfort-ui .composer-grid{grid-template-columns:1fr}
 .comfort-account-items{display:grid;grid-template-columns:1fr 1fr;gap:7px}.comfort-account-chip{min-width:0;width:100%;padding:9px}.comfort-account-chip b{max-width:85px}
 .comfort-table-tools{flex-direction:column;align-items:stretch}.comfort-search{max-width:none;width:100%}.comfort-ui .toolbar-filters>label{max-width:none}
}
@media(max-width:460px){.comfort-account-items{grid-template-columns:1fr}.comfort-trial-inner>a{display:none}.comfort-ui .heading .btn{width:100%}.comfort-ui .metric-grid{gap:7px}}
@media(prefers-reduced-motion:reduce){.comfort-ui *, .comfort-ui *:before,.comfort-ui *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}