/* SPP 0.8: reference-aligned dark workspace. Scoped, RTL, responsive. */
:root{--spp-space:24px;--spp-text:#f8f9fa;--spp-muted:#b6b6be;--spp-border:#ffffff1a;--spp-panel:#18181a;--spp-bg:#101011;--spp-purple:#673de6;--spp-ring:#bcbdff}
body.spp-workspace,body.spp-public{font-family:'Noto Sans Arabic','DM Sans',Tahoma,Arial,sans-serif!important;font-size:14px;line-height:1.75}
.spp-workspace .muted,.spp-workspace small,.spp-workspace .table-sub,.spp-public .muted{color:var(--spp-muted)!important}
.spp-workspace .hp-global-header{height:64px;padding-inline:24px}
.spp-workspace .hp-global-nav{height:64px}
.spp-workspace .hp-global-nav>a{font-size:13px}
.spp-workspace .hp-account-name{font-size:13px}
.spp-workspace .hp-top-create{height:40px;font-size:13px;padding-inline:16px}
.spp-workspace .hp-logo-text{font-size:15px}
.spp-workspace .hp-layout{min-height:calc(100dvh - 64px)!important}
.spp-workspace.hp-theme.comfort-ui .sidebar.hp-sidebar{top:64px!important;height:calc(100dvh - 64px)!important;width:264px!important;flex-basis:264px!important}
.spp-workspace .hp-sidebar-header{height:50px;font-size:14px}
.spp-workspace .hp-workspace-selector{padding:2px 16px 16px}
.spp-workspace .hp-workspace-selector>small{font-size:11px}
.spp-workspace .hp-workspace-name{font-size:12px}
.spp-workspace.hp-theme.comfort-ui .sidebar .side-link{height:43px!important;font-size:13px!important;padding-inline:12px!important;font-weight:500!important}
.spp-workspace.hp-theme.comfort-ui .sidebar .side-label.hp-side-group{font-size:11px!important;color:#9d9ea4!important;margin-top:20px!important}
.spp-workspace .hp-sidebar-bottom{padding:12px!important}
.spp-workspace .hp-help strong{font-size:12px}
.spp-workspace .hp-help small{font-size:11px!important}
.spp-workspace .hp-sidebar-user b{font-size:12px}
.spp-workspace .hp-sidebar-user small{font-size:11px!important}
.spp-workspace .hp-subheader{min-height:100px;padding:18px 32px 20px;gap:8px}
.spp-workspace .hp-breadcrumb{font-size:12px}
.spp-workspace .hp-page-title{font-size:22px;font-weight:700;line-height:1.5;color:#f8f9fa}
.spp-workspace.hp-theme.comfort-ui .content{padding:28px 32px 48px!important;max-width:1500px!important;width:100%;margin-inline:auto}
.spp-workspace.hp-theme.comfort-ui .heading{margin-bottom:24px!important;gap:20px;align-items:center}
.spp-workspace.hp-theme.comfort-ui .heading h1{font-size:24px!important;line-height:1.55;letter-spacing:-.35px;margin:4px 0 8px!important}
.spp-workspace .heading p{font-size:14px!important;max-width:760px}
.spp-workspace .eyebrow{font-size:12px!important;color:#bcbdff!important}
.spp-workspace.hp-theme.comfort-ui .panel{border-radius:12px!important;background:var(--spp-panel)!important;border:1px solid var(--spp-border)!important;padding:24px!important;box-shadow:none!important;margin-bottom:24px}
.spp-workspace .panel h2{font-size:17px!important;line-height:1.6;margin:0 0 10px;font-weight:650}
.spp-workspace .panel h3{font-size:15px!important;line-height:1.7}
.spp-workspace .section-heading{gap:14px;align-items:center;margin-bottom:20px}
.spp-workspace .section-heading p{font-size:12px!important;margin:4px 0 0}
.spp-workspace .btn{min-height:42px!important;height:auto;font-size:13px!important;border-radius:8px!important;padding:10px 17px!important;line-height:1.5!important;gap:8px;font-weight:600!important;white-space:normal;text-align:center}
.spp-workspace .btn.small{min-height:34px!important;padding:7px 12px!important;font-size:12px!important}
.spp-workspace .btn:disabled,.spp-workspace button:disabled{opacity:.55;cursor:not-allowed}
.spp-workspace .tiny-link{font-size:13px!important;line-height:1.7;color:#bcbdff!important}
.spp-workspace input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),.spp-workspace select,.spp-workspace textarea{font:inherit!important;font-size:14px!important;min-height:44px!important;border-radius:8px!important;background:#101011!important;border:1px solid #ffffff30!important;padding:10px 12px!important;max-width:100%;color:#f8f9fa!important}
.spp-workspace input::placeholder,.spp-workspace textarea::placeholder{color:#9d9ea4!important;opacity:1}
.spp-workspace label{font-size:13px!important;line-height:1.7}
.spp-workspace input[type=checkbox],.spp-workspace input[type=radio]{accent-color:#7b66ff;width:18px;height:18px;flex:none}
.spp-workspace :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--spp-ring)!important;outline-offset:3px!important}
.spp-workspace .choice{min-height:38px;gap:9px!important;cursor:pointer}
.spp-workspace .toolbar-filters{gap:16px!important;align-items:end;margin-bottom:20px}
.spp-workspace .toolbar-filters label{min-width:150px;flex:1}
.spp-workspace .toolbar-filters input,.spp-workspace .toolbar-filters select{width:100%}
.spp-workspace .table-wrap{border:1px solid var(--spp-border);border-radius:10px;overflow:auto;max-width:100%;overscroll-behavior-inline:contain}
.spp-workspace table.pro-table{min-width:680px;width:100%;border-collapse:collapse}
.spp-workspace .pro-table th{font-size:12px!important;background:#222225!important;color:#c6c6cc!important;font-weight:600!important;white-space:nowrap;padding:14px 16px!important}
.spp-workspace .pro-table td{font-size:13px!important;padding:16px!important;line-height:1.7;vertical-align:middle;border-bottom:1px solid #ffffff0d!important}
.spp-workspace .pro-table tbody tr:hover{background:#ffffff04}
.spp-workspace .table-sub{font-size:11px!important;display:block;max-width:360px;overflow-wrap:anywhere;margin-top:4px}
.spp-workspace .status{font-size:11px!important;padding:5px 9px!important;line-height:1.5;white-space:nowrap;border-radius:6px!important}
.spp-workspace .smart-row{padding:15px 0!important;min-width:0;gap:12px!important;align-items:center;color:#f8f9fa}
.spp-workspace .smart-row strong{font-size:13px!important;overflow-wrap:anywhere}
.spp-workspace .smart-row small{font-size:11px!important;display:block}
.spp-workspace .smart-row .grow{min-width:0}
.spp-workspace .time-chip{font-size:11px!important;white-space:nowrap}
.spp-workspace.hp-theme.comfort-ui .metric-grid{gap:20px!important;margin-block:24px}
.spp-workspace.hp-theme.comfort-ui .metric{border-radius:12px!important;padding:22px!important;min-height:155px;position:relative;color:#fff;box-shadow:none!important}
.spp-workspace .metric:hover{border-color:#7b66ff80!important}
.spp-workspace .metric small{font-size:12px!important;padding-inline-end:35px;display:block}
.spp-workspace .metric b{font:600 32px/1.35 'DM Sans',sans-serif!important;margin-block:16px 5px;display:block}
.spp-workspace .metric p{font-size:11px!important;margin:0;color:#b6b6be}
.spp-workspace .metric-icon{border-radius:8px!important;width:38px;height:38px}
.spp-workspace .empty-panel{padding:34px 16px!important;min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}
.spp-workspace .empty-panel h3{margin:0!important}.spp-workspace .empty-panel p{font-size:13px!important;margin:0 0 4px;max-width:390px;line-height:1.9}
.spp-workspace .empty-panel .btn{margin-top:8px}
.spp-empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:14px;background:#ffffff08;color:#bcbdff}
.spp-workspace .quick-grid{gap:12px!important;margin-top:18px}
.spp-workspace .quick-grid>a{font-size:13px!important;min-height:62px;border-radius:8px!important;gap:12px}
.spp-workspace .health-row{gap:14px;font-size:13px;padding-block:14px;flex-wrap:wrap}
.spp-workspace .health-row b{font-size:12px!important;overflow-wrap:anywhere}
.spp-workspace .alert{font-size:13px!important;border-radius:10px!important;line-height:1.9;align-items:flex-start}
.spp-workspace .alert p{margin:4px 0 0}
.spp-workspace .pagination{margin-top:20px}
.spp-workspace nav[role=navigation]{font-size:13px;margin-top:20px;display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.spp-workspace nav[role=navigation] svg{width:18px;height:18px}
.spp-workspace .hp-page-footer{font-size:12px;padding-inline:32px}.spp-workspace .hp-page-footer a{color:#b6b6be}
.spp-start-strip{background:#18181a;border:1px solid var(--spp-border);border-radius:12px;padding:20px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.spp-start-strip>div{display:flex;gap:16px;align-items:center}.spp-start-strip strong{font-size:15px}.spp-start-strip p{margin:4px 0 0;color:#b6b6be;font-size:12px}
.spp-feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;background:#673de626;color:#bcbdff;flex:none}
.spp-dashboard-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}
.spp-workspace .dashboard-columns{gap:24px!important}.spp-workspace .dashboard-columns>.panel{min-width:0}
.spp-workspace .spp-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.spp-help-grid>a.panel{display:block;color:#f8f9fa;transition:border-color .15s}
.spp-help-grid>a.panel:hover{border-color:#7b66ff99!important}.spp-help-grid>a.panel>svg{color:#bcbdff;margin-bottom:18px}
.spp-help-grid p{font-size:13px;color:#b6b6be;line-height:1.9}.spp-help-grid .tiny-link{display:inline-block;margin-top:10px}
.spp-step{display:flex;gap:12px;padding:16px;background:#101011;border:1px solid var(--spp-border);border-radius:10px;color:#f8f9fa}
.spp-step-number{width:30px;height:30px;background:#673de633;border-radius:50%;display:grid;place-items:center;color:#bcbdff;flex:none;font-family:'DM Sans',sans-serif}
.spp-step p{margin:4px 0 0;font-size:12px;color:#b6b6be}.spp-step strong{font-size:13px}
.spp-admin-nav{margin-top:20px!important;border-top:1px solid var(--spp-border);padding-top:10px}
.spp-admin-nav>summary{padding:10px 13px;cursor:pointer;color:#bcbdff;font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none}
.spp-admin-nav>summary::-webkit-details-marker{display:none}.spp-admin-nav[open]>summary>svg{transform:rotate(-90deg)}
.spp-workspace-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.spp-workspace-card{text-align:center;color:#fff}.spp-workspace-card .client-avatar{margin:0 auto 18px}
.spp-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.spp-filter-tabs>a{border:1px solid var(--spp-border);border-radius:8px;padding:9px 13px;color:#c6c6cc;font-size:12px}.spp-filter-tabs>a.active{background:#673de626;border-color:#7b66ff;color:#d9dbff}.spp-filter-tabs span{margin-inline-start:5px;font-family:'DM Sans',sans-serif}
.spp-big-number{font:600 36px/1.5 'DM Sans',sans-serif;display:block;margin-block:12px}
.spp-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.spp-usage-item{min-width:0}.spp-usage-item>span{display:block;font-size:12px;color:#b6b6be}.spp-usage-item>strong{display:block;font:600 22px/1.7 'DM Sans','Noto Sans Arabic',sans-serif;margin-block:10px}.spp-usage-item small{font-size:12px;font-weight:400}
.spp-usage-item progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:#36363b;accent-color:#7b66ff}.spp-usage-item progress::-webkit-progress-bar{background:#36363b}.spp-usage-item progress::-webkit-progress-value{background:#7b66ff;border-radius:8px}.spp-usage-item progress::-moz-progress-bar{background:#7b66ff}
.spp-panel-footer{border-top:1px solid var(--spp-border);margin-top:24px;padding-top:16px;display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;font-size:12px}
.spp-faq details{border-bottom:1px solid var(--spp-border);padding:18px 0}.spp-faq details:last-child{border-bottom:0}.spp-faq summary{cursor:pointer;font-size:14px;font-weight:600}.spp-faq p{color:#c6c6cc;font-size:14px;line-height:2;margin:14px 0 0;max-width:900px}
.skip-link{position:fixed;inset-inline-start:16px;top:-100px;z-index:200;background:#f8f9fa;color:#18181a;padding:12px 18px;border-radius:8px}.skip-link:focus{top:10px}
.spp-workspace .spp-drawer-close{display:none}
.spp-command{width:min(560px,calc(100vw - 32px));border:1px solid #ffffff30;border-radius:14px;padding:24px;background:#18181a;color:#f8f9fa;max-height:80dvh;overflow:auto;box-shadow:0 24px 90px #0009;direction:rtl;font:14px/1.75 'Noto Sans Arabic',sans-serif}
.spp-command::backdrop{background:#000a;backdrop-filter:blur(3px)}.spp-command h2{font-size:18px;margin:0}.spp-command .section-heading{display:flex;justify-content:space-between}
.spp-search-label{display:block}.spp-search-label>input{width:100%;display:block;margin-top:8px}.spp-command-results{display:flex;flex-direction:column;gap:4px;margin-block:16px;max-height:45dvh;overflow:auto}.spp-command-results>a{display:block;border-radius:8px;padding:11px 12px;color:#f8f9fa}.spp-command-results>a:hover,.spp-command-results>a:focus{background:#673de633}.spp-command .muted{font-size:11px}
.spp-workspace .comfort-table-tools{gap:16px}.spp-workspace .comfort-search{height:auto;min-height:44px}.spp-workspace .comfort-search input{border:0!important;background:transparent!important}
.spp-workspace .composer-grid{gap:24px!important}.spp-workspace .dropzone{min-height:200px;border-radius:10px!important}.spp-workspace .dropzone:focus-visible{outline:2px solid #bcbdff;outline-offset:4px}.spp-workspace .composer-items .item-editor{border-radius:12px!important}.spp-workspace .item-fields{gap:18px!important}.spp-workspace .comfort-live-preview{border-radius:12px!important}.spp-workspace .comfort-workflow-banner{border-radius:10px!important}.spp-workspace .comfort-account-chip{padding:12px!important}.spp-workspace .comfort-account-chip b{font-size:12px!important}.spp-workspace .comfort-account-chip small{font-size:11px!important}
.spp-workspace .calendar-grid{min-width:680px}.spp-workspace .spp-calendar-scroll{overflow:auto;max-width:100%}.spp-workspace .cal-event{font-size:11px!important}.spp-workspace .calendar-day-title{font-size:12px!important}
.spp-workspace .client-card{border-radius:12px!important}.spp-workspace .client-card h3{font-size:17px!important}.spp-workspace .form-row{gap:16px}
.spp-public .auth-form label,.spp-public .auth-form input,.spp-public .auth-form select,.spp-public .auth-form button{font-size:14px!important}.spp-public .public-links a{font-size:14px}.spp-public .btn{min-height:44px}.spp-public .public-footer a{font-size:13px}.spp-public .auth-legal{font-size:13px}
@media(min-width:1700px){.spp-workspace.hp-theme.comfort-ui .content{padding-inline:48px!important}}
@media(max-width:1200px){.spp-workspace.hp-theme.comfort-ui .sidebar.hp-sidebar{width:240px!important;flex-basis:240px!important}.spp-workspace .hp-global-nav>a{padding-inline:8px;font-size:12px}.spp-workspace .hp-logo-text{max-width:155px}.spp-workspace .hp-subheader{padding-inline:24px}.spp-workspace.hp-theme.comfort-ui .content{padding-inline:24px!important}.spp-workspace .spp-help-grid{gap:14px}.spp-workspace .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:1010px){.spp-dashboard-main,.spp-usage-grid{grid-template-columns:1fr}.spp-workspace .spp-help-grid{grid-template-columns:1fr}.spp-workspace .hp-global-nav{display:none}.spp-workspace .spp-help-grid .panel{margin-bottom:0}.spp-workspace .spp-help-grid{margin-bottom:24px}}
@media(max-width:800px){.spp-workspace .hp-global-header{height:60px;padding-inline:12px}.spp-workspace.hp-theme.comfort-ui .sidebar.hp-sidebar{top:0!important;height:100dvh!important;width:min(310px,88vw)!important}.spp-workspace .spp-drawer-close{display:grid}.spp-workspace .hp-sidebar-header>a{display:none}.spp-workspace .hp-sidebar-header{height:60px}.spp-workspace .hp-account-name{display:none}.spp-workspace .hp-subheader{min-height:87px;padding:14px 18px}.spp-workspace .hp-page-title{font-size:19px}.spp-workspace.hp-theme.comfort-ui .content{padding:20px 16px 36px!important}.spp-workspace.hp-theme.comfort-ui .heading h1{font-size:21px!important}.spp-workspace .heading p{font-size:13px!important}.spp-workspace.hp-theme.comfort-ui .panel{padding:18px!important;margin-bottom:18px}.spp-workspace .spp-start-strip{padding:18px;flex-direction:column;align-items:stretch;gap:16px}.spp-workspace .spp-start-strip>div{align-items:flex-start}.spp-workspace .spp-start-strip strong{font-size:14px}.spp-workspace .spp-start-strip .btn{align-self:flex-start}.spp-workspace .metric-grid{gap:12px!important;margin-block:18px!important}.spp-workspace.hp-theme.comfort-ui .metric{padding:16px!important;min-height:145px}.spp-workspace .metric b{font-size:28px!important}.spp-workspace .metric small{font-size:11px!important}.spp-dashboard-main,.spp-workspace .dashboard-columns{gap:0!important}.spp-workspace .toolbar-filters{flex-wrap:wrap}.spp-workspace .toolbar-filters label{min-width:calc(50% - 16px)}.spp-workspace .hp-page-footer{padding-inline:16px}.spp-workspace .health-row b{max-width:100%}.spp-workspace .spp-filter-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px;white-space:nowrap}.spp-workspace .spp-filter-tabs>a{flex:none}.spp-workspace .smart-row{gap:9px!important}.spp-workspace .smart-row .time-chip{max-width:110px;white-space:normal;text-align:center}}
@media(max-width:440px){.spp-workspace .hp-logo-text{max-width:138px;font-size:12px}.spp-workspace .hp-global-actions{gap:2px}.spp-workspace .hp-global-actions>.spp-search-open{display:grid;width:32px}.spp-workspace .hp-global-leading{gap:3px}.spp-workspace .hp-logo{gap:7px}.spp-workspace .hp-account{padding:3px}.spp-workspace .metric-icon{width:30px;height:30px}.spp-workspace .metric-icon svg{width:18px;height:18px}.spp-workspace .heading-actions{width:100%;flex-wrap:wrap}.spp-workspace .heading-actions .btn{flex:1}.spp-workspace .toolbar-filters label{min-width:100%}.spp-workspace .metric small{padding-inline-end:25px}.spp-workspace .spp-command{padding:18px}.spp-workspace .metric p{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.spp-workspace *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.spp-workspace .integrations-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}
.spp-workspace .integrations-grid>div{min-width:0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
@media(max-width:800px){.spp-workspace .account{flex-wrap:wrap!important;min-width:0!important;width:100%;gap:10px!important}.spp-workspace .account .grow{flex:1 1 130px;min-width:0;overflow-wrap:anywhere}.spp-workspace .account>form{margin-inline-start:auto}}
@media(max-width:360px){.spp-workspace .hp-logo-text{max-width:102px;font-size:11px}.spp-workspace .hp-header-icon{width:32px}.spp-workspace .hp-logo-mark{width:32px;height:32px}.spp-workspace .hp-account-avatar{width:28px;height:28px}.spp-workspace .hp-global-header{gap:5px}}

/* v0.9.1 — consistent controls and accessible dropdown menus */
.spp-workspace select{
 appearance:none!important;
 -webkit-appearance:none!important;
 padding-inline:40px 13px!important;
 background-color:#101011!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b8b9c2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:left 13px center!important;
 background-size:16px!important;
 cursor:pointer;
}
.spp-workspace select:hover{border-color:#ffffff4a!important;background-color:#151517!important}
.spp-workspace select:disabled{opacity:.55;cursor:not-allowed}
.spp-workspace select option{background:#18181a;color:#f8f9fa;padding:10px}
.spp-workspace .hp-account-menu{position:relative;border:0;padding:0;z-index:90}
.spp-workspace .hp-account-menu>summary{list-style:none;cursor:pointer;min-height:42px;border:1px solid transparent}
.spp-workspace .hp-account-menu>summary::-webkit-details-marker{display:none}
.spp-workspace .hp-account-menu[open]>summary{background:#ffffff12;border-color:#ffffff20}
.spp-workspace .hp-account-menu[open] .hp-account-arrow{transform:rotate(180deg)}
.spp-workspace .hp-account-arrow{transition:transform .16s ease}
.spp-workspace .hp-account-dropdown{position:absolute;top:calc(100% + 10px);inset-inline-start:0;width:285px;padding:8px;background:#202022;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 22px 70px #000b;display:grid;gap:3px;z-index:120}
.spp-workspace .hp-account-dropdown:before{content:"";position:absolute;top:-6px;inset-inline-start:24px;width:11px;height:11px;background:#202022;border-inline-start:1px solid #ffffff20;border-top:1px solid #ffffff20;transform:rotate(45deg)}
.spp-workspace .hp-account-dropdown-head{display:flex;align-items:center;gap:11px;padding:10px 11px 13px;border-bottom:1px solid #ffffff14;margin-bottom:3px}
.spp-workspace .hp-account-dropdown-head strong,.spp-workspace .hp-account-dropdown-head small{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spp-workspace .hp-account-dropdown-head strong{font-size:13px;color:#fff}.spp-workspace .hp-account-dropdown-head small{font-size:11px;color:#9d9ea4;margin-top:2px}
.spp-workspace .hp-account-dropdown>a,.spp-workspace .hp-account-dropdown form button{width:100%;display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#f8f9fa;text-align:start;font:inherit}
.spp-workspace .hp-account-dropdown>a:hover,.spp-workspace .hp-account-dropdown>a:focus-visible,.spp-workspace .hp-account-dropdown form button:hover,.spp-workspace .hp-account-dropdown form button:focus-visible{background:#7b66ff22;color:#fff}
.spp-workspace .hp-account-dropdown>a>span{display:block}.spp-workspace .hp-account-dropdown>a strong,.spp-workspace .hp-account-dropdown>a small{display:block}
.spp-workspace .hp-account-dropdown>a strong{font-size:12px}.spp-workspace .hp-account-dropdown>a small{font-size:10px;color:#9d9ea4;margin-top:2px}
.spp-workspace .hp-account-dropdown form{border-top:1px solid #ffffff14;padding-top:4px;margin-top:3px}.spp-workspace .hp-account-dropdown form button{color:#ffb4bf}
.spp-workspace details.spp-platform-options,.spp-workspace .item-fields>details,.spp-workspace .panel>details:not(.spp-admin-nav){border:1px solid var(--spp-border)!important;border-radius:10px;padding:0!important;overflow:hidden;background:#101011}
.spp-workspace details.spp-platform-options>summary,.spp-workspace .item-fields>details>summary,.spp-workspace .panel>details:not(.spp-admin-nav)>summary{list-style:none;padding:13px 15px;color:#d9dbff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.spp-workspace details.spp-platform-options>summary::-webkit-details-marker,.spp-workspace .item-fields>details>summary::-webkit-details-marker,.spp-workspace .panel>details:not(.spp-admin-nav)>summary::-webkit-details-marker{display:none}
.spp-workspace details.spp-platform-options>summary:after,.spp-workspace .item-fields>details>summary:after,.spp-workspace .panel>details:not(.spp-admin-nav)>summary:after{content:"⌄";font-size:17px;color:#9d99ff;transition:transform .16s}
.spp-workspace details[open]>summary:after{transform:rotate(180deg)}
.spp-workspace details.spp-platform-options[open]>summary,.spp-workspace .item-fields>details[open]>summary,.spp-workspace .panel>details[open]:not(.spp-admin-nav)>summary{border-bottom:1px solid var(--spp-border);background:#ffffff05}
.spp-workspace .small-inline{min-width:430px}.spp-workspace .small-inline label{min-width:85px}.spp-workspace .small-inline label:nth-child(2){min-width:180px;flex:1}.spp-workspace .small-inline label.choice{max-width:150px;min-width:130px}
@media(max-width:800px){.spp-workspace .hp-account-dropdown{position:fixed;top:66px;inset-inline:12px;width:auto}.spp-workspace .hp-account-dropdown:before{display:none}.spp-workspace .small-inline{min-width:300px;align-items:stretch;flex-direction:column}.spp-workspace .small-inline label,.spp-workspace .small-inline label:nth-child(2),.spp-workspace .small-inline label.choice,.spp-workspace .small-inline input{width:100%;max-width:none;min-width:0}}

/* v0.9.2 — review flows, connection cards and resilient content states */
.spp-workspace .spp-narrow-panel{max-width:960px;margin:18px auto 0;padding:24px!important}
.spp-workspace .spp-integration-hero{padding:26px!important;background:linear-gradient(145deg,#1d1d20,#151517)}
.spp-workspace .spp-integration-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.spp-workspace .spp-integration-steps>div{position:relative;border:1px solid var(--spp-border);border-radius:12px;padding:18px;background:#101011;min-width:0}
.spp-workspace .spp-integration-steps>div>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#7b66ff24;color:#bcbdff;font:700 13px/1 'DM Sans',sans-serif;margin-bottom:13px}
.spp-workspace .spp-integration-steps h3{font-size:14px;margin:0 0 8px}.spp-workspace .spp-integration-steps p{font-size:12px;line-height:1.9;color:#b8b9c2;margin:0}
.spp-workspace .spp-details-body{padding:15px}.spp-workspace .spp-break-code{display:block;direction:ltr;overflow-wrap:anywhere;background:#080809;border:1px solid #ffffff12;border-radius:8px;padding:12px;color:#bcbdff}
.spp-workspace .spp-connection-row{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid var(--spp-border)}
.spp-workspace .spp-connection-row>div{min-width:0}.spp-workspace .spp-connection-row strong,.spp-workspace .spp-connection-row small{display:block}.spp-workspace .spp-connection-row small{color:#a7a7af;margin-top:4px;overflow-wrap:anywhere}.spp-workspace .spp-panel-action{margin-top:18px}
.spp-workspace .spp-review-panel{max-width:1050px;margin:16px auto;padding:24px!important}.spp-workspace .spp-review-copy,.spp-workspace .spp-review-tags{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.spp-workspace .spp-review-copy{color:#d7d7dc;font-size:14px}.spp-workspace .spp-review-tags{color:#aaa3ff;font-size:13px}
.spp-workspace .spp-divider{border:0;border-top:1px solid var(--spp-border);margin:24px 0}.spp-workspace .spp-field-block{display:block;width:100%;margin:8px 0 18px}.spp-workspace .spp-date-field{display:block;width:100%;max-width:380px;margin:8px 0 18px}
.spp-workspace .spp-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0 8px}.spp-workspace .spp-choice-grid .choice{border:1px solid var(--spp-border);border-radius:9px;padding:12px;background:#101011}.spp-workspace .spp-choice-grid .choice:has(input:checked){border-color:#7b66ff;background:#7b66ff14}.spp-workspace .spp-help-text{font-size:12px}.spp-workspace .spp-approval-choice{border:1px solid var(--spp-border);border-radius:10px;padding:14px;background:#101011;align-items:flex-start}.spp-workspace .spp-approval-choice input{margin-top:5px}.spp-workspace .spp-submit-gap{margin-top:16px}
.spp-workspace .spp-campaign-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:20px 0}.spp-workspace .spp-campaign-card{border:1px solid var(--spp-border);border-radius:12px;overflow:hidden;background:#101011;min-width:0}.spp-workspace .spp-campaign-card>img,.spp-workspace .spp-campaign-card>video{display:block;width:100%;height:280px;object-fit:contain;background:#09090a}.spp-workspace .spp-campaign-body{padding:17px}.spp-workspace .spp-campaign-body h2{font-size:16px;margin:0 0 12px}.spp-workspace .spp-campaign-body>strong{display:block;border-top:1px solid var(--spp-border);padding-top:12px;margin-top:14px;color:#d9dbff}
.spp-workspace .spp-edit-media{display:block;width:180px;max-width:100%;max-height:300px;object-fit:contain;border:1px solid var(--spp-border);border-radius:10px;margin-bottom:20px;background:#09090a}.spp-workspace .spp-edit-video{width:280px}.spp-workspace .thumb-placeholder{display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:8px;background:#101011;color:#aaaab3}
.spp-workspace .spp-error-panel{max-width:760px;margin:40px auto;padding:40px!important;text-align:center}.spp-workspace .spp-error-panel .btn{margin:6px 3px}.spp-workspace .spp-calendar-note{margin-top:16px}
@media(max-width:800px){.spp-workspace .spp-integration-steps{grid-template-columns:1fr}.spp-workspace .spp-narrow-panel,.spp-workspace .spp-review-panel{margin-top:12px;padding:18px!important}.spp-workspace .spp-campaign-grid{grid-template-columns:1fr}.spp-workspace .spp-campaign-card>img,.spp-workspace .spp-campaign-card>video{height:auto;max-height:340px}.spp-workspace .spp-connection-row{align-items:stretch}.spp-workspace .spp-connection-row form,.spp-workspace .spp-connection-row .btn{width:100%}}

/* v0.10.0 — unified professional workspace design system */
body.spp-workspace.hp-theme.comfort-ui.spp-pro{
 --pro-shell:#000;
 --pro-page:#101011;
 --pro-surface:#18181a;
 --pro-surface-raised:#222225;
 --pro-surface-hover:#ffffff0d;
 --pro-border:#ffffff1a;
 --pro-border-strong:#ffffff33;
 --pro-text:#f8f9fa;
 --pro-text-2:#dedee2;
 --pro-text-3:#9d9ea4;
 --pro-brand:#673de6;
 --pro-brand-hover:#7b66ff;
 --pro-brand-soft:#7b66ff1f;
 --pro-success:#00b090;
 --pro-warning:#f5a623;
 --pro-danger:#ff5c72;
 --pro-focus:#b39ef3;
 --pro-shadow:0 18px 48px #00000038;
 --pro-radius-sm:8px;
 --pro-radius-md:12px;
 --pro-radius-lg:16px;
 background:var(--pro-page)!important;
 color:var(--pro-text)!important;
 font:14px/1.7 'Noto Sans Arabic','DM Sans',Tahoma,Arial,sans-serif!important;
 text-rendering:optimizeLegibility;
 -webkit-font-smoothing:antialiased;
}
body.spp-workspace.hp-theme.comfort-ui.spp-pro *,body.spp-workspace.hp-theme.comfort-ui.spp-pro *:before,body.spp-workspace.hp-theme.comfort-ui.spp-pro *:after{box-sizing:border-box}
body.spp-workspace.hp-theme.comfort-ui.spp-pro ::selection{background:#7b66ff66;color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro a{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro button,body.spp-workspace.hp-theme.comfort-ui.spp-pro input,body.spp-workspace.hp-theme.comfort-ui.spp-pro select,body.spp-workspace.hp-theme.comfort-ui.spp-pro textarea{font:inherit}
body.spp-workspace.hp-theme.comfort-ui.spp-pro :focus-visible{outline:2px solid var(--pro-focus)!important;outline-offset:3px!important}

/* Shell */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-header{height:68px;padding-inline:24px;background:var(--pro-shell);border-bottom:1px solid var(--pro-border);gap:20px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-logo{gap:10px;min-width:max-content}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-logo-mark{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#7b66ff,#5025d1);box-shadow:0 8px 24px #673de655}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-logo-text{font-size:14px;font-weight:700;letter-spacing:-.01em}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-nav{gap:4px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-nav>a{min-height:40px;padding:8px 12px;border-radius:8px;color:var(--pro-text-2);font-size:13px;font-weight:600}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-nav>a:hover{background:var(--pro-surface-hover);color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-nav>a.active{background:var(--pro-brand-soft);color:#d9dbff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-actions{gap:6px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-header-icon{width:40px;height:40px;border-radius:8px;color:var(--pro-text-2)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-header-icon:hover{background:var(--pro-surface-hover);color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-top-create{min-height:42px;padding:9px 16px;border-radius:8px;background:var(--pro-brand);font-size:13px;font-weight:700;box-shadow:0 8px 22px #673de638}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-top-create:hover{background:var(--pro-brand-hover);transform:translateY(-1px)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account{min-height:44px;padding:5px 8px 5px 10px;border-radius:10px;gap:9px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-avatar{width:32px;height:32px;background:var(--pro-brand);color:#fff;font-weight:700}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-name{max-width:128px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-layout{padding-top:68px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar{top:68px!important;width:284px!important;flex-basis:284px!important;height:calc(100dvh - 68px)!important;background:var(--pro-surface);border-inline-end:1px solid var(--pro-border)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-main{width:calc(100% - 284px)!important;background:var(--pro-page)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar-header{height:52px;padding-inline:18px;border-bottom:1px solid var(--pro-border);font-size:14px;font-weight:700}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-selector{padding:18px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-selector>small{font-size:11px;color:var(--pro-text-3);margin-bottom:8px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-selector>a{min-height:50px;padding:8px 10px;border:1px solid var(--pro-border);border-radius:10px;background:#ffffff05}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-selector>a:hover{border-color:var(--pro-border-strong);background:var(--pro-surface-hover)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-icon{width:34px;height:34px;border-radius:8px;background:var(--pro-brand-soft);color:#aaa3ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-name{font-size:13px;font-weight:600}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar-scroll{padding:10px 12px 18px;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-side-group{margin:18px 10px 7px;color:#797980;font-size:10px;font-weight:700;letter-spacing:.03em}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link{min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:#c6c6cc;font-size:13px;font-weight:500;gap:11px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link svg{color:#9d9ea4;transition:color .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link:hover{background:var(--pro-surface-hover);color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link:hover svg{color:#c5b8f8}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link.active{border-color:#7b66ff66;background:#7b66ff24;color:#e2dbfc;box-shadow:inset -2px 0 0 #7b66ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .side-link.active svg{color:#aaa3ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .comfort-new-pill{margin-inline-start:auto;border-radius:5px;padding:2px 6px;background:#7b66ff26;color:#c5b8f8;font:700 9px/1.4 'DM Sans',sans-serif}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-admin-nav{margin-top:4px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-admin-nav>summary{min-height:42px;padding:9px 11px;border-radius:8px;color:#c6c6cc;font-size:13px;font-weight:600}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-admin-nav[open]>summary{background:#ffffff08;color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar-bottom{padding:12px;border-top:1px solid var(--pro-border);background:var(--pro-surface)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help{padding:12px;border:1px solid var(--pro-border);border-radius:10px;background:#ffffff05}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help:hover{border-color:#7b66ff66;background:var(--pro-brand-soft)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help strong{font-size:12px}body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help small{font-size:10px;color:var(--pro-text-3)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar-user{padding:12px 8px 4px;margin-top:8px;border-top:1px solid var(--pro-border)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-subheader{min-height:108px;padding:18px 36px 20px;border-bottom:1px solid var(--pro-border);background:var(--pro-page)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-breadcrumb{font-size:12px;color:var(--pro-text-3);gap:8px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-page-header{margin-top:9px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-page-title{font-size:22px;font-weight:750;letter-spacing:-.02em}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-subheader-link{font-size:12px;font-weight:600;color:#bcb3ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro main.content{width:100%;max-width:1560px;padding:32px 40px 64px!important;margin:0 auto}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-page-footer{max-width:1560px;margin:0 auto;padding:22px 40px;color:var(--pro-text-3);border-top:1px solid var(--pro-border);font-size:12px}

/* Typography and page headings */
body.spp-workspace.hp-theme.comfort-ui.spp-pro h1,body.spp-workspace.hp-theme.comfort-ui.spp-pro h2,body.spp-workspace.hp-theme.comfort-ui.spp-pro h3,body.spp-workspace.hp-theme.comfort-ui.spp-pro h4{color:var(--pro-text);letter-spacing:-.02em;text-wrap:balance}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading,body.spp-workspace.hp-theme.comfort-ui.spp-pro .page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 28px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading h1,body.spp-workspace.hp-theme.comfort-ui.spp-pro .page-head h1{font-size:28px!important;line-height:1.45!important;font-weight:750!important;margin:0 0 7px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading p,body.spp-workspace.hp-theme.comfort-ui.spp-pro .page-head p{font-size:14px!important;line-height:1.8;color:var(--pro-text-3);margin:0}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .section-heading h2,body.spp-workspace.hp-theme.comfort-ui.spp-pro .panel>h2{font-size:19px;line-height:1.55;font-weight:700;margin:0}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .section-heading p{margin:5px 0 0}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .eyebrow{display:inline-flex;align-items:center;gap:6px;margin-bottom:7px;color:#aaa3ff;font-size:11px;font-weight:700;letter-spacing:.04em}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .muted{color:var(--pro-text-3)!important}

/* Surfaces */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .panel,body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric,body.spp-workspace.hp-theme.comfort-ui.spp-pro .client-card,body.spp-workspace.hp-theme.comfort-ui.spp-pro .media-tile,body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-item,body.spp-workspace.hp-theme.comfort-ui.spp-pro .account{background:var(--pro-surface)!important;border-color:var(--pro-border)!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .panel{padding:26px!important;border:1px solid var(--pro-border)!important;border-radius:var(--pro-radius-lg)!important;box-shadow:none;margin-bottom:22px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .panel:hover{border-color:#ffffff20!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric-grid{gap:16px!important;margin:22px 0!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric{min-height:172px;padding:22px!important;border:1px solid var(--pro-border)!important;border-radius:var(--pro-radius-lg)!important;transition:border-color .16s ease,transform .16s ease,background-color .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric:hover{border-color:var(--pro-border-strong)!important;transform:translateY(-2px)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric>span{font-size:12px;color:var(--pro-text-3)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric>b{font:700 34px/1.25 'DM Sans','Noto Sans Arabic',sans-serif;margin:14px 0 7px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric>small{font-size:11px;color:var(--pro-text-3)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric-icon{width:40px;height:40px;border-radius:10px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .dashboard-columns,body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-dashboard-main{gap:20px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-panel,body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-state{min-height:170px;padding:28px;border:1px dashed var(--pro-border-strong);border-radius:12px;background:#101011;text-align:center}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-panel h3,body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-state h3{font-size:16px;margin:12px 0 5px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-panel p,body.spp-workspace.hp-theme.comfort-ui.spp-pro .empty-state p{color:var(--pro-text-3);font-size:13px}

/* Buttons and interactive controls */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 17px;border:1px solid var(--pro-border-strong);border-radius:var(--pro-radius-sm)!important;font-size:13px!important;font-weight:700!important;line-height:1.45;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn:hover{transform:translateY(-1px);border-color:#ffffff55}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.primary{background:var(--pro-brand)!important;border-color:var(--pro-brand)!important;color:#fff!important;box-shadow:0 8px 22px #673de62e}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.primary:hover{background:var(--pro-brand-hover)!important;border-color:var(--pro-brand-hover)!important;box-shadow:0 10px 26px #673de642}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.outline,body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.subtle{background:#ffffff05!important;color:var(--pro-text)!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.outline:hover,body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.subtle:hover{background:#ffffff0d!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn.small{min-height:36px;padding:7px 12px;font-size:12px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn[disabled],body.spp-workspace.hp-theme.comfort-ui.spp-pro button[disabled]{opacity:.5;cursor:not-allowed;transform:none!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro [aria-busy=true]{position:relative;pointer-events:none;padding-inline-end:42px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro [aria-busy=true]:after{content:"";position:absolute;inset-inline-end:15px;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spp-spin .7s linear infinite}
@keyframes spp-spin{to{transform:rotate(360deg)}}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .tiny-link{font-size:12px;font-weight:600;color:#bcb3ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .tiny-link:hover{color:#e2dbfc;text-decoration:underline;text-underline-offset:3px}

/* Forms */
body.spp-workspace.hp-theme.comfort-ui.spp-pro label{color:var(--pro-text-2);font-size:13px;font-weight:600;line-height:1.65}
body.spp-workspace.hp-theme.comfort-ui.spp-pro label>small{display:block;margin-top:6px;color:var(--pro-text-3);font-size:11px;font-weight:400}
body.spp-workspace.hp-theme.comfort-ui.spp-pro input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.spp-workspace.hp-theme.comfort-ui.spp-pro textarea,body.spp-workspace.hp-theme.comfort-ui.spp-pro select{
 width:100%;min-height:46px;margin-top:7px;padding:11px 13px!important;border:1px solid var(--pro-border-strong)!important;border-radius:var(--pro-radius-sm)!important;background-color:var(--pro-page)!important;color:var(--pro-text)!important;font-size:13px!important;line-height:1.6!important;box-shadow:0 1px 0 #00000030 inset;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;
}
body.spp-workspace.hp-theme.comfort-ui.spp-pro textarea{min-height:112px;resize:vertical}
body.spp-workspace.hp-theme.comfort-ui.spp-pro input::placeholder,body.spp-workspace.hp-theme.comfort-ui.spp-pro textarea::placeholder{color:#797980;opacity:1}
body.spp-workspace.hp-theme.comfort-ui.spp-pro input:not([type=checkbox]):not([type=radio]):focus,body.spp-workspace.hp-theme.comfort-ui.spp-pro textarea:focus,body.spp-workspace.hp-theme.comfort-ui.spp-pro select:focus{border-color:var(--pro-focus)!important;box-shadow:0 0 0 3px #7b66ff26!important;outline:0!important;background:#151517!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro select{padding-inline:40px 13px!important;background-position:left 13px center!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro input[type=checkbox],body.spp-workspace.hp-theme.comfort-ui.spp-pro input[type=radio]{width:18px;height:18px;min-width:18px;margin:0;accent-color:var(--pro-brand);cursor:pointer}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .choice{min-height:44px;padding:10px 12px;border:1px solid var(--pro-border);border-radius:9px;background:#ffffff04;color:var(--pro-text-2);font-size:13px;font-weight:500;gap:9px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .choice:has(input:checked){border-color:#7b66ff80;background:var(--pro-brand-soft);color:#fff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .input-pair,body.spp-workspace.hp-theme.comfort-ui.spp-pro .form-row,body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters{gap:16px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters{display:flex;align-items:end;flex-wrap:wrap;padding:18px;border:1px solid var(--pro-border);border-radius:12px;background:#ffffff03;margin-bottom:20px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters label{min-width:210px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .settings-toggle{padding:15px;border:1px solid var(--pro-border);border-radius:10px;background:#ffffff04}

/* Tables, rows and lists */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .table-wrap{border:1px solid var(--pro-border);border-radius:12px;overflow:auto;background:var(--pro-surface);scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}
body.spp-workspace.hp-theme.comfort-ui.spp-pro table{width:100%;border-collapse:separate;border-spacing:0;background:var(--pro-surface)!important;font-size:13px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro thead th{position:sticky;top:0;z-index:1;padding:14px 16px!important;background:var(--pro-surface-raised)!important;color:var(--pro-text-2)!important;border-bottom:1px solid var(--pro-border)!important;font-size:12px!important;font-weight:700!important;white-space:nowrap}
body.spp-workspace.hp-theme.comfort-ui.spp-pro tbody td{padding:16px!important;color:var(--pro-text-2)!important;border-bottom:1px solid var(--pro-border)!important;vertical-align:middle;font-size:13px!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro tbody tr:last-child td{border-bottom:0!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro tbody tr{transition:background-color .14s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro tbody tr:hover{background:#ffffff05}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .table-sub{display:block;margin-top:4px;color:var(--pro-text-3);font-size:11px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-list,body.spp-workspace.hp-theme.comfort-ui.spp-pro .account-list{display:grid;gap:10px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-item,body.spp-workspace.hp-theme.comfort-ui.spp-pro .account{padding:15px!important;border:1px solid var(--pro-border)!important;border-radius:12px!important;transition:border-color .16s ease,background-color .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-item:hover,body.spp-workspace.hp-theme.comfort-ui.spp-pro .account:hover{border-color:var(--pro-border-strong)!important;background:#1b1b1e!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-text>strong,body.spp-workspace.hp-theme.comfort-ui.spp-pro .account strong{font-size:13px;line-height:1.75}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .target-list{gap:7px;margin-top:10px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark{display:inline-grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #ffffff22;border-radius:11px;color:#fff;overflow:hidden;box-shadow:0 6px 18px #0003}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.tiny{width:26px;height:26px;min-width:26px;border-radius:7px;box-shadow:none}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.facebook{background:#1877f2}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.instagram{background:radial-gradient(circle at 30% 105%,#ffd600 0 20%,#ff7a00 38%,#ff0169 62%,#d300c5 78%,#7638fa 100%)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.tiktok{background:#050505}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.youtube{background:#ff0033}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.linkedin{background:#0a66c2}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-mark.x{background:#050505}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .social-logo{display:block;flex:none;color:inherit}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .platform-inline{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--pro-text)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .ui-icon{display:block;flex:0 0 auto;pointer-events:none}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn>.ui-icon,body.spp-workspace.hp-theme.comfort-ui.spp-pro .tiny-link>.ui-icon,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-subheader-link>.ui-icon{margin:0;vertical-align:middle}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .tiny-link{display:inline-flex;align-items:center;gap:6px;line-height:1.4}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-arrow,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-chevron,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help-arrow{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;line-height:1}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-arrow .ui-icon,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-chevron .ui-icon,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-help-arrow .ui-icon{width:16px;height:16px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-workspace-selector>a{grid-template-columns:36px minmax(0,1fr) 20px;align-items:center}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters>.btn{align-self:end;min-width:128px;min-height:45px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading>.btn{align-self:center}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .btn .ui-icon{width:18px;height:18px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .upload-icon{display:grid;place-items:center}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .upload-icon .ui-icon{width:30px;height:30px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .status{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border-radius:999px;font-size:10px!important;font-weight:700;line-height:1.4;white-space:nowrap}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .status.ok{background:#00b0901a!important;color:#6ee7c8!important;border:1px solid #00b09035}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .status.warn{background:#f5a62317!important;color:#ffd28a!important;border:1px solid #f5a62335}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .status.bad,body.spp-workspace.hp-theme.comfort-ui.spp-pro .status.error{background:#ff5c7217!important;color:#ffabb7!important;border:1px solid #ff5c7235}

/* Dropdowns and disclosure menus */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown{width:310px;padding:8px;border:1px solid var(--pro-border-strong);border-radius:12px;background:var(--pro-surface-raised);box-shadow:0 24px 80px #000c;transform-origin:top right}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-menu[open] .hp-account-dropdown{animation:spp-menu-in .15s ease-out both}
@keyframes spp-menu-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown>a,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown form button{min-height:46px;padding:10px 12px;border-radius:8px;font-size:13px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown>a:hover,body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown form button:hover{background:var(--pro-brand-soft)}
@media(min-width:801px){body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown{left:0!important;right:auto!important;transform-origin:top left}}
body.spp-workspace.hp-theme.comfort-ui.spp-pro details:not(.hp-account-menu):not(.spp-admin-nav){border-color:var(--pro-border)!important;border-radius:10px!important;background:#101011!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro details:not(.hp-account-menu):not(.spp-admin-nav)>summary{min-height:48px;padding:13px 15px!important;font-size:13px;font-weight:650;cursor:pointer}
body.spp-workspace.hp-theme.comfort-ui.spp-pro details:not(.hp-account-menu):not(.spp-admin-nav)[open]>summary{background:#ffffff05;border-bottom:1px solid var(--pro-border)}

/* Alerts, command palette and progress */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .alert{display:flex;align-items:flex-start;gap:10px;padding:14px 16px!important;border:1px solid var(--pro-border);border-radius:10px;font-size:13px;line-height:1.8}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .alert.success{background:#00b09012;border-color:#00b09040;color:#a8f0df}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .alert.error{background:#ff5c7212;border-color:#ff5c7240;color:#ffd0d6}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .alert.hint{background:#7b66ff12;border-color:#7b66ff40;color:#ded9ff}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-command{padding:24px;border:1px solid var(--pro-border-strong);border-radius:16px;background:var(--pro-surface-raised);box-shadow:0 32px 110px #000d;font-size:14px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-command-results>a{min-height:44px;padding:10px 12px;border-radius:8px;font-size:13px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro progress{height:8px;border-radius:999px;overflow:hidden;background:#36363b}

/* Composer, media and campaign cards */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .composer-grid{grid-template-columns:minmax(0,1fr) 350px!important;gap:22px!important;align-items:start}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .composer-side{position:sticky;top:90px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .comfort-workflow-banner{padding:18px;border:1px solid #7b66ff35;border-radius:12px;background:linear-gradient(120deg,#7b66ff16,#18181a)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .comfort-account-chip{min-height:132px;border:1px solid var(--pro-border)!important;border-radius:12px!important;background:var(--pro-surface-raised)!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .comfort-account-chip:has(input:checked){border-color:#7b66ff99!important;box-shadow:0 0 0 2px #7b66ff1f inset}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .dropzone{min-height:180px;border:1px dashed #7b66ff75!important;border-radius:12px!important;background:#ffffff03!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .dropzone:hover{border-color:#aaa3ff!important;background:#7b66ff0b!important}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .comfort-live-preview{border:1px solid var(--pro-border)!important;border-radius:16px!important;background:#121214!important;box-shadow:var(--pro-shadow)}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-campaign-card,body.spp-workspace.hp-theme.comfort-ui.spp-pro .media-tile{border-radius:14px!important;overflow:hidden;transition:transform .16s ease,border-color .16s ease}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .spp-campaign-card:hover,body.spp-workspace.hp-theme.comfort-ui.spp-pro .media-tile:hover{transform:translateY(-2px);border-color:var(--pro-border-strong)!important}

/* Pagination */
body.spp-workspace.hp-theme.comfort-ui.spp-pro .pagination nav{display:flex;justify-content:center;margin-top:18px}
body.spp-workspace.hp-theme.comfort-ui.spp-pro .pagination a,body.spp-workspace.hp-theme.comfort-ui.spp-pro .pagination span{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pro-border);background:var(--pro-surface);color:var(--pro-text-2);font-size:12px}

@media(max-width:1200px){
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar{width:254px!important;flex-basis:254px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-main{width:calc(100% - 254px)!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro main.content{padding-inline:28px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .composer-grid{grid-template-columns:minmax(0,1fr) 310px!important}
}
@media(max-width:1010px){
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .composer-grid{grid-template-columns:1fr!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .composer-side{position:static;order:2;max-width:420px;width:100%;margin-inline:auto}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .settings-columns{grid-template-columns:1fr!important}
}
@media(max-width:800px){
 body.spp-workspace.hp-theme.comfort-ui.spp-pro{font-size:14px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-global-header{height:60px;padding-inline:12px;gap:8px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-layout{padding-top:60px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-sidebar{top:0!important;width:min(320px,90vw)!important;height:100dvh!important;box-shadow:-22px 0 70px #000c}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-main{width:100%!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-subheader{min-height:84px;padding:13px 16px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-page-title{font-size:19px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro main.content{padding:22px 16px 42px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading,body.spp-workspace.hp-theme.comfort-ui.spp-pro .page-head{flex-direction:column;margin-bottom:22px;gap:14px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading h1,body.spp-workspace.hp-theme.comfort-ui.spp-pro .page-head h1{font-size:23px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .heading-actions{width:100%;justify-content:flex-start}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .panel{padding:19px!important;border-radius:12px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric{min-height:142px;padding:16px!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric>b{font-size:28px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters{align-items:stretch;padding:14px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters label,body.spp-workspace.hp-theme.comfort-ui.spp-pro .toolbar-filters .btn{width:100%;min-width:0}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .input-pair,body.spp-workspace.hp-theme.comfort-ui.spp-pro .form-row{grid-template-columns:1fr!important;flex-direction:column!important;align-items:stretch!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-account-dropdown{position:fixed;top:66px;inset-inline:12px;width:auto}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-page-footer{padding:18px 16px;flex-direction:column;gap:8px}
}
@media(max-width:480px){
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric-grid{grid-template-columns:1fr!important}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .metric{min-height:126px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-logo-text{max-width:116px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-top-create{padding-inline:12px}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .hp-top-create span{display:none}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-item{align-items:flex-start;flex-wrap:wrap}
 body.spp-workspace.hp-theme.comfort-ui.spp-pro .post-item .post-text{min-width:calc(100% - 78px)}
}
@media(prefers-reduced-motion:reduce){body.spp-workspace.hp-theme.comfort-ui.spp-pro *,body.spp-workspace.hp-theme.comfort-ui.spp-pro *:before,body.spp-workspace.hp-theme.comfort-ui.spp-pro *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}