/* ==================================================
   UNDERLINE FLOW V2 — CLEAN PRODUCT MASTER
   Direção visual: mockup aprovado — clean, branco, azul Underline, SaaS premium
================================================== */
:root{
    --uf-bg:#fbfcff;
    --uf-bg-soft:#f5f7ff;
    --uf-sidebar:#ffffff;
    --uf-card:#ffffff;
    --uf-text:#0b1224;
    --uf-muted:#667085;
    --uf-soft:#8a94a8;
    --uf-line:#e8edf7;
    --uf-line-2:#dfe7f3;
    --uf-primary:#2563eb;
    --uf-primary-2:#1d4ed8;
    --uf-purple:#2563eb;
    --uf-purple-2:#3b82f6;
    --uf-blue:#2563eb;
    --uf-green:#16c784;
    --uf-orange:#ff9f1c;
    --uf-red:#ff4d4f;
    --uf-radius:18px;
    --uf-radius-lg:24px;
    --uf-shadow:0 18px 45px rgba(15,23,42,.055);
    --uf-shadow-lg:0 30px 90px rgba(15,23,42,.09);
    --uf-font:'Sora',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{overflow-x:hidden;scroll-behavior:smooth}
body,body.admin-body{margin:0;min-height:100vh;font-family:var(--uf-font);color:var(--uf-text);background:
    radial-gradient(circle at 72% 0%,rgba(37,99,235,.055),transparent 30%),
    radial-gradient(circle at 5% 100%,rgba(37,99,235,.035),transparent 26%),
    linear-gradient(180deg,#fff 0%,#fbfcff 44%,#f7f9ff 100%) !important;
    -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;
}
body.admin-body:before,body.admin-body:after{display:none!important}
a{text-decoration:none!important;color:inherit}.ui-icon{width:18px;height:18px;stroke-width:2.15;flex:none}.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:0!important;border:0!important;background:transparent!important;color:var(--uf-purple)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.12em;text-transform:uppercase}.muted{color:var(--uf-muted)!important}

/* ==================================================
   STRUCTURE FIXA — IGUAL AO MOCKUP
================================================== */
.app-shell{display:block!important;min-height:100vh;background:transparent!important}.main-area{min-width:0!important;margin-left:300px!important;padding:0!important}.page-area{max-width:none!important;margin:0!important;padding:96px 40px 34px!important}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:300px!important;height:100vh!important;margin:0!important;padding:30px 20px 24px!important;border-radius:0!important;background:rgba(255,255,255,.92)!important;border:0!important;border-right:1px solid var(--uf-line)!important;box-shadow:none!important;backdrop-filter:blur(22px)!important;color:var(--uf-text)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:100!important;display:flex!important;flex-direction:column!important}.sidebar:before,.sidebar:after{display:none!important}
.sidebar::-webkit-scrollbar{width:0}.sidebar-brand-block{margin:0 0 34px!important;position:relative;z-index:2}.brand{display:flex!important;align-items:center!important;gap:14px!important}.brand-mark{width:48px!important;height:48px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 56%,#eef2ff 100%)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:0!important;font-weight:900!important;box-shadow:0 18px 34px rgba(37,99,235,.22)!important}.brand-mark:after{content:'●';font-size:24px;line-height:1;color:#fff;text-shadow:14px 8px 0 rgba(255,255,255,.55)}.brand strong{display:block!important;font-size:18px!important;line-height:1!important;font-weight:900!important;letter-spacing:-.05em!important;color:#0a1020!important}.brand small{display:block!important;margin-top:3px!important;font-size:18px!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em!important;color:#4a5570!important;text-transform:uppercase!important}
.sidebar-nav{display:grid!important;gap:8px!important;position:relative;z-index:2}.nav-section-label{display:block!important;margin:14px 14px 8px!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.12em!important;color:#8d98ae!important}.nav-section-gap{margin-top:22px!important;padding-top:18px!important;border-top:1px solid var(--uf-line)!important}.sidebar-nav a{height:52px!important;padding:0 16px!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:14px!important;color:#0f172a!important;background:transparent!important;border:1px solid transparent!important;font-size:14px!important;font-weight:800!important;letter-spacing:-.02em!important;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease!important}.sidebar-nav a .ui-icon{width:20px!important;height:20px!important;color:#0f172a!important}.sidebar-nav a:hover{background:#f8fbff!important;border-color:#dbeafe!important;color:var(--uf-purple)!important;transform:translateX(2px)!important}.sidebar-nav a:hover .ui-icon{color:var(--uf-purple)!important}.sidebar-nav a.active{background:linear-gradient(180deg,#eff6ff,#f8fbff)!important;border-color:#bfdbfe!important;color:var(--uf-purple)!important;box-shadow:0 10px 24px rgba(37,99,235,.08)!important}.sidebar-nav a.active .ui-icon{color:var(--uf-purple)!important}
.sidebar-plan-card{margin-top:auto!important;padding:18px!important;border:1px solid #bfdbfe!important;background:linear-gradient(180deg,#fff,#f8fbff)!important;border-radius:16px!important;box-shadow:0 14px 30px rgba(37,99,235,.06)!important;display:grid!important;gap:8px!important}.sidebar-plan-card strong{font-size:14px!important}.sidebar-plan-card span{font-size:12px!important;line-height:1.45!important;color:var(--uf-muted)!important}.plan-bar{height:6px;border-radius:999px;background:#dbeafe;overflow:hidden}.plan-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.sidebar-footer{margin-top:24px!important;font-size:12px!important;color:var(--uf-muted)!important;display:grid!important;gap:7px!important}.footer-brand-mini{display:flex!important;align-items:center!important;gap:10px!important}.footer-brand-mini strong{color:var(--uf-text)!important;font-size:15px!important}.footer-brand-icon{width:30px!important;height:30px!important;border-radius:9px!important;background:linear-gradient(135deg,#2563eb,#93c5fd)!important;color:#fff!important}.sidebar-footer small{color:#69758b!important;line-height:1.5!important}

/* ==================================================
   TOPBAR FIXO — MOCKUP
================================================== */
.topbar{position:fixed!important;top:0!important;left:300px!important;right:0!important;height:78px!important;padding:0 40px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.86)!important;border-bottom:1px solid var(--uf-line)!important;box-shadow:none!important;backdrop-filter:blur(20px)!important;z-index:90!important}.mobile-menu-button{width:42px!important;height:42px!important;border:0!important;background:transparent!important;border-radius:13px!important;color:#0b1224!important;display:grid!important;place-items:center!important}.mobile-menu-button:hover{background:#f5f7ff!important}.topbar-search{width:min(420px,42vw)!important;height:42px!important;border:1px solid var(--uf-line)!important;background:#fff!important;border-radius:13px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 10px 0 14px!important;box-shadow:0 10px 24px rgba(15,23,42,.035)!important;margin-right:auto!important;margin-left:34px!important}.topbar-search input{border:0!important;outline:0!important;background:transparent!important;width:100%!important;font-size:13px!important;color:#0b1224!important}.topbar-search input::placeholder{color:#778297}.topbar-search span{height:26px;min-width:34px;border-radius:9px;background:#f4f6fb;border:1px solid #e8edf7;display:grid;place-items:center;font-size:12px;font-weight:800;color:#7b8498}.topbar-actions{display:flex!important;align-items:center!important;gap:15px!important}.notification-menu summary,.theme-button{position:relative;width:42px!important;height:42px!important;border:0!important;background:transparent!important;border-radius:13px!important;display:grid!important;place-items:center!important;color:#0b1224!important;box-shadow:none!important}.notification-menu summary:hover,.theme-button:hover{background:#f5f7ff!important}.notification-menu summary::-webkit-details-marker{display:none}.notification-badge{position:absolute!important;top:3px!important;right:1px!important;min-width:19px!important;height:19px!important;border-radius:99px!important;background:#2563eb!important;color:#fff!important;border:2px solid #fff!important;font-size:10px!important;font-weight:900!important;display:grid!important;place-items:center!important}.topbar-user{height:48px!important;padding:5px 9px 5px 6px!important;border-left:1px solid var(--uf-line)!important;display:flex!important;align-items:center!important;gap:10px!important;background:transparent!important;box-shadow:none!important}.topbar-avatar{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(135deg,#0f172a,#2563eb)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:14px!important;font-weight:900!important}.topbar-user-copy strong{display:block!important;font-size:13px!important;font-weight:900!important;line-height:1.1!important}.topbar-user-copy span{font-size:11px!important;color:var(--uf-muted)!important}.topbar-logout{width:32px!important;height:32px!important;border:0!important;background:#f6f8ff!important;border-radius:10px!important;display:grid!important;place-items:center!important;color:#2563eb!important;padding:0!important}.notification-dropdown{top:52px!important;right:0!important;border-radius:18px!important;border:1px solid var(--uf-line)!important;box-shadow:0 24px 70px rgba(15,23,42,.14)!important}

/* ==================================================
   DASHBOARD EXATO — CLEAN PRODUCT
================================================== */
.uf-dashboard-shell{max-width:1540px;margin:0 auto}.uf-dashboard-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.uf-dashboard-head h1{margin:0 0 8px;font-size:26px;line-height:1.1;font-weight:900;letter-spacing:-.045em;color:#0b1224}.uf-dashboard-head p{margin:0;color:#536079;font-size:14px;font-weight:500}.uf-date-block{text-align:right;padding-top:4px}.uf-date-block span{display:block;color:#59657c;font-size:14px;font-weight:500;margin-bottom:8px}.uf-date-block strong{font-size:15px;font-weight:900;color:#0b1224}.uf-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:22px}.uf-kpi-card{min-height:132px;border:1px solid var(--uf-line);border-radius:17px;background:#fff;box-shadow:0 12px 36px rgba(15,23,42,.035);padding:25px 25px;display:flex;align-items:center;gap:22px;transition:.18s ease}.uf-kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.06)}.uf-kpi-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px rgba(15,23,42,.14)}.uf-kpi-icon .ui-icon{width:25px;height:25px}.uf-kpi-card.is-purple .uf-kpi-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.uf-kpi-card.is-blue .uf-kpi-icon{background:linear-gradient(135deg,#2563eb,#3b82f6)}.uf-kpi-card.is-green .uf-kpi-icon{background:linear-gradient(135deg,#10b981,#16c784)}.uf-kpi-card.is-orange .uf-kpi-icon{background:linear-gradient(135deg,#ff9f1c,#fb8500)}.uf-kpi-card span{display:block;font-size:13px;font-weight:700;color:#1f2a44;margin-bottom:9px}.uf-kpi-card strong{display:inline-block;font-size:34px;line-height:1;font-weight:900;letter-spacing:-.05em;color:#0b1224;margin-right:12px}.uf-kpi-card small{font-size:14px;font-weight:800;color:#0ca765}.uf-kpi-card small.is-red{color:#ef4444}.uf-kpi-card em{display:block;font-style:normal;color:#667085;font-size:12px;font-weight:500;margin-top:6px}.uf-dashboard-grid-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:22px;margin-bottom:22px}.uf-panel{background:#fff;border:1px solid var(--uf-line);border-radius:18px;box-shadow:0 12px 36px rgba(15,23,42,.035);padding:24px}.uf-panel h2{margin:0;font-size:17px;font-weight:900;letter-spacing:-.035em;color:#0b1224}.uf-panel p{margin:5px 0 0;color:#667085;font-size:12px}.uf-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.uf-panel-head a,.uf-filter-btn{height:35px;padding:0 14px;border-radius:10px;border:1px solid var(--uf-line);background:#fff;color:#0b1224;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:7px}.uf-primary-btn{height:36px;padding:0 16px;border-radius:10px;border:0;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff!important;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:7px;box-shadow:0 14px 28px rgba(37,99,235,.18)}.uf-chart-wrap{min-height:238px;display:grid;grid-template-columns:280px 1fr;align-items:center;gap:20px}.uf-donut{width:205px;height:205px;border-radius:50%;margin:auto;background:conic-gradient(#2563eb 0 128deg,#2563eb 128deg 212deg,#16c784 212deg 274deg,#ff9f1c 274deg 318deg,#ff4d4f 318deg 360deg);display:grid;place-items:center;position:relative;box-shadow:0 20px 45px rgba(37,99,235,.12)}.uf-donut:before{content:'';position:absolute;inset:42px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(232,237,247,.7)}.uf-donut strong,.uf-donut span{position:relative;z-index:1;text-align:center}.uf-donut strong{font-size:31px;font-weight:900;letter-spacing:-.05em;transform:translateY(8px)}.uf-donut span{font-size:13px;color:#667085;transform:translateY(-22px)}.uf-chart-legend{display:grid;gap:22px}.uf-chart-legend div{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:13px}.uf-chart-legend span,.uf-chart-legend strong{font-size:13px}.uf-chart-legend span{font-weight:650}.uf-chart-legend strong{font-weight:900}.dot{width:10px;height:10px;border-radius:50%}.dot.purple{background:#2563eb}.dot.blue{background:#2563eb}.dot.orange{background:#ff9f1c}.dot.red{background:#ff4d4f}.uf-activity-list{display:grid;gap:18px}.uf-activity-item{display:grid;grid-template-columns:42px 1fr auto 8px;align-items:center;gap:13px;color:#0b1224}.uf-avatar-mini{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#bfdbfe);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}.uf-activity-item strong{display:block;font-size:13px;font-weight:900}.uf-activity-item small{display:block;font-size:12px;color:#667085;margin-top:3px}.uf-activity-item em{font-size:12px;color:#667085;font-style:normal}.uf-activity-item i{width:7px;height:7px;border-radius:50%;background:#16c784}.uf-dashboard-grid-bottom{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.72fr) 230px;gap:22px}.uf-board-panel{min-height:420px}.uf-board-panel .uf-panel-head{margin-bottom:15px}.uf-tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--uf-line);padding-bottom:12px;margin-bottom:16px;overflow:auto}.uf-tabs a{white-space:nowrap;font-size:12px;font-weight:700;color:#5d687f;padding:0 0 10px;border-bottom:2px solid transparent}.uf-tabs a.active{color:#2563eb;border-color:#2563eb}.uf-tabs b{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:10px}.uf-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.uf-task-card{min-height:126px;border:1px solid var(--uf-line);border-radius:14px;background:linear-gradient(180deg,#fff,#fcfdff);padding:13px;display:grid;gap:7px;color:#0b1224}.uf-task-card strong{font-size:13px;font-weight:900;line-height:1.35}.uf-task-card small{color:#667085;font-size:12px}.uf-task-card em{font-style:normal;color:#667085;font-size:11px;margin-top:auto}.status-pill{display:inline-flex!important;width:max-content!important;align-items:center!important;height:22px!important;padding:0 8px!important;border-radius:7px!important;font-size:10px!important;font-weight:900!important;line-height:1!important}.status-pendente{background:#eff6ff!important;color:#2563eb!important}.status-em_producao{background:#e9f1ff!important;color:#2563eb!important}.status-em_aprovacao{background:#fff7e6!important;color:#e18300!important}.status-alteracao_solicitada{background:#fff1f2!important;color:#e11d48!important}.status-aprovado{background:#ecfdf5!important;color:#059669!important}.status-finalizado{background:#f0fdf4!important;color:#16a34a!important}.uf-client-preview{min-height:420px}.uf-client-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 20px}.uf-client-stats article{border:1px solid var(--uf-line);border-radius:13px;padding:12px}.uf-client-stats span{display:block;font-size:10px;color:#2563eb;font-weight:800;margin-bottom:10px}.uf-client-stats strong{font-size:22px;font-weight:900}.uf-client-preview h3{font-size:16px;margin:0 0 13px}.uf-project-list{display:grid;gap:9px}.uf-project-list a{display:grid;grid-template-columns:28px 1fr 110px 38px;gap:10px;align-items:center}.uf-project-list span{width:28px;height:28px;border-radius:8px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.uf-project-list .ui-icon{width:15px;height:15px}.uf-project-list strong{font-size:12px}.uf-project-list small{display:block;color:#667085;font-size:11px;font-weight:500;margin-top:2px}.uf-project-list i{height:5px;background:#eef2f7;border-radius:999px;overflow:hidden}.uf-project-list i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2563eb,#3b82f6)}.uf-project-list em{font-size:12px;font-style:normal;font-weight:800;text-align:right}.uf-client-cta{display:flex;align-items:center;justify-content:center;height:40px;margin-top:18px;border-radius:11px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:900}.uf-phone-mock{display:grid;place-items:center}.phone-shell{width:206px;height:425px;background:#fff;border:8px solid #111827;border-radius:34px;box-shadow:0 26px 52px rgba(15,23,42,.22);padding:14px 12px;overflow:hidden}.phone-status{font-size:10px;font-weight:900;display:flex;justify-content:space-between}.phone-head{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.phone-head strong{font-size:9px;line-height:1}.phone-head small{font-weight:500}.phone-shell h3{font-size:16px;margin:8px 0 2px}.phone-shell p{font-size:10px;color:#667085;margin:0 0 12px}.phone-card{position:relative;border-radius:13px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;padding:15px}.phone-card span,.phone-card small{display:block;font-size:9px;opacity:.86}.phone-card strong{display:block;font-size:13px;margin:5px 0 9px}.phone-card div{height:5px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}.phone-card i{display:block;height:100%;background:#fff;border-radius:99px}.phone-card em{position:absolute;right:14px;bottom:14px;font-size:15px;font-weight:900;font-style:normal}.phone-shell h4{font-size:12px;margin:16px 0 9px}.phone-shell ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}.phone-shell li{font-size:10px;padding-left:22px;position:relative}.phone-shell li:before{content:'';position:absolute;left:0;top:0;width:15px;height:15px;border-radius:6px;background:#eef2ff}.phone-shell nav{position:absolute}.uf-feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:28px -40px -34px;padding:18px 40px;background:rgba(255,255,255,.72);border-top:1px solid var(--uf-line);backdrop-filter:blur(18px)}.uf-feature-strip article{display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:center}.uf-feature-strip .ui-icon{grid-row:1/3;width:38px;height:38px;padding:10px;border-radius:12px;background:#fff;border:1px solid var(--uf-line);color:#2563eb;box-shadow:0 10px 22px rgba(15,23,42,.04)}.uf-feature-strip strong{font-size:13px}.uf-feature-strip span{font-size:12px;color:#667085}

/* ==================================================
   TELAS INTERNAS — MESMA LINGUAGEM VISUAL
================================================== */
.page-header,.demandas-hero{background:#fff!important;border:1px solid var(--uf-line)!important;border-radius:18px!important;padding:24px!important;box-shadow:0 12px 36px rgba(15,23,42,.035)!important;margin-bottom:22px!important}.page-header h2,.page-header h1{font-size:28px!important;letter-spacing:-.05em!important;color:#0b1224!important;margin:5px 0!important}.page-header p{color:#667085!important}.panel-card,.client-panel,.client-demand-card,.form-panel,.demanda-card,.calendario-card{background:#fff!important;border:1px solid var(--uf-line)!important;border-radius:18px!important;box-shadow:0 12px 36px rgba(15,23,42,.035)!important}.btn{height:42px!important;border-radius:11px!important;border:1px solid var(--uf-line)!important;font-size:13px!important;font-weight:900!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 16px!important;transition:.18s ease!important}.btn-primary{border:0!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;color:#fff!important;box-shadow:0 14px 28px rgba(37,99,235,.18)!important}.btn-secondary{background:#fff!important;color:#0b1224!important}.btn:hover{transform:translateY(-1px)!important}.filters-bar input,input,select,textarea{border:1px solid var(--uf-line)!important;background:#fff!important;border-radius:12px!important;color:#0b1224!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.09)!important}.demandas-kpis{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important}.demandas-kpis article{background:#fff!important;border:1px solid var(--uf-line)!important;border-radius:17px!important;box-shadow:0 12px 36px rgba(15,23,42,.035)!important;padding:22px!important}.premium-demanda-card{border-radius:16px!important}.status-tabs a{border-radius:999px!important}.empty-state{border:1px dashed #dbe4f2!important;background:#fbfcff!important;border-radius:18px!important;color:#667085!important}

/* ==================================================
   MOBILE — APP PREMIUM
================================================== */
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:99}.mobile-menu-button{display:grid!important}@media(max-width:1200px){.uf-dashboard-grid-bottom{grid-template-columns:1fr}.uf-phone-mock{display:none}.uf-kanban{grid-template-columns:repeat(2,1fr)}.uf-kpi-grid{grid-template-columns:repeat(2,1fr)}.uf-dashboard-grid-top{grid-template-columns:1fr}.uf-feature-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.main-area{margin-left:0!important}.topbar{left:0!important;padding:0 16px!important}.topbar-search{margin-left:8px!important;width:100%!important}.topbar-user-copy{display:none!important}.sidebar{transform:translateX(-105%)!important;transition:.25s ease!important;width:286px!important}.sidebar.is-open,.sidebar[data-open="true"]{transform:translateX(0)!important}.sidebar-backdrop.is-open,.sidebar-backdrop[data-open="true"]{display:block!important}.page-area{padding:94px 16px 28px!important}.uf-dashboard-head{display:block}.uf-date-block{text-align:left;margin-top:16px}.uf-kpi-grid,.demandas-kpis{grid-template-columns:1fr!important}.uf-chart-wrap{grid-template-columns:1fr}.uf-kanban{grid-template-columns:1fr}.uf-client-stats{grid-template-columns:repeat(2,1fr)}.uf-project-list a{grid-template-columns:28px 1fr 80px 34px}.uf-feature-strip{margin:26px -16px -28px;padding:16px;grid-template-columns:1fr}.topbar-actions{gap:6px!important}.theme-button{display:none!important}}
@media(max-width:900px){body.sidebar-open .sidebar{transform:translateX(0)!important}body.sidebar-open .sidebar-backdrop{display:block!important}}

/* ==================================================
   CACHE ALIGN FINAL — ALINHAMENTO E CONSISTÊNCIA PREMIUM
   Esta camada fica no final para corrigir desalinhamentos globais sem mexer na lógica.
================================================== */
:root{
    --uf-sidebar-w:300px;
    --uf-topbar-h:78px;
    --uf-content-max:1540px;
}
html,body{width:100%;min-height:100%;overflow-x:hidden!important;}
body.admin-body{background:#fbfcff!important;}
.app-shell{width:100%!important;min-height:100vh!important;display:block!important;}
.main-area{
    margin-left:var(--uf-sidebar-w)!important;
    width:calc(100% - var(--uf-sidebar-w))!important;
    min-height:100vh!important;
    display:block!important;
    position:relative!important;
}
.sidebar{
    width:var(--uf-sidebar-w)!important;
    min-width:var(--uf-sidebar-w)!important;
    max-width:var(--uf-sidebar-w)!important;
    position:fixed!important;
    inset:0 auto 0 0!important;
    height:100vh!important;
    border-right:1px solid var(--uf-line)!important;
    z-index:1000!important;
    transform:none!important;
}
.topbar{
    position:fixed!important;
    top:0!important;
    left:var(--uf-sidebar-w)!important;
    right:0!important;
    width:calc(100% - var(--uf-sidebar-w))!important;
    height:var(--uf-topbar-h)!important;
    z-index:900!important;
    padding:0 38px!important;
    border-bottom:1px solid var(--uf-line)!important;
    background:rgba(255,255,255,.86)!important;
    backdrop-filter:blur(22px)!important;
    box-shadow:0 10px 30px rgba(15,23,42,.025)!important;
}
.page-area{
    padding:calc(var(--uf-topbar-h) + 32px) 40px 34px!important;
    max-width:var(--uf-content-max)!important;
    margin:0 auto!important;
    width:100%!important;
}
.mobile-menu-button{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;}
.topbar-search{
    width:min(440px,42vw)!important;
    height:42px!important;
    margin-left:12px!important;
    flex:0 1 440px!important;
}
.topbar-actions{margin-left:auto!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:max-content!important;}
.topbar-user{height:48px!important;display:flex!important;align-items:center!important;gap:10px!important;border-radius:18px!important;}
.topbar-avatar{width:36px!important;height:36px!important;flex:0 0 36px!important;}
.topbar-user-copy{line-height:1.1!important;white-space:nowrap!important;}
.topbar-logout{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;padding:0!important;flex:0 0 34px!important;}
.notification-menu summary,.theme-button{width:38px!important;height:38px!important;min-width:38px!important;}
.sidebar-nav a{min-height:48px!important;display:flex!important;align-items:center!important;gap:13px!important;line-height:1!important;}
.sidebar-nav a .ui-icon{width:18px!important;height:18px!important;flex:0 0 18px!important;}
.sidebar-nav a span{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.sidebar-plan-card{margin-top:auto!important;margin-bottom:18px!important;}
.sidebar-footer{margin-top:0!important;}

/* Dashboard alinhado ao mockup */
.uf-dashboard-shell{width:100%!important;max-width:100%!important;margin:0!important;}
.uf-dashboard-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:24px!important;margin-bottom:28px!important;}
.uf-dashboard-head h1{margin:0 0 8px!important;font-size:28px!important;line-height:1.08!important;letter-spacing:-.05em!important;}
.uf-dashboard-head p{margin:0!important;}
.uf-date-block{min-width:180px!important;text-align:right!important;padding-top:2px!important;}
.uf-kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;margin-bottom:24px!important;}
.uf-kpi-card{min-height:134px!important;display:flex!important;align-items:center!important;gap:22px!important;padding:24px!important;}
.uf-kpi-icon{width:52px!important;height:52px!important;border-radius:15px!important;display:grid!important;place-items:center!important;flex:0 0 52px!important;}
.uf-kpi-icon .ui-icon{width:24px!important;height:24px!important;}
.uf-dashboard-grid-top{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(430px,.95fr)!important;gap:22px!important;margin-bottom:22px!important;}
.uf-dashboard-grid-bottom{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.72fr) 230px!important;gap:22px!important;align-items:stretch!important;}
.uf-panel{min-width:0!important;overflow:hidden!important;}
.uf-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;}
.uf-panel-head > div:last-child{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
.uf-chart-wrap{display:grid!important;grid-template-columns:minmax(220px,320px) minmax(220px,1fr)!important;align-items:center!important;gap:28px!important;}
.uf-chart-legend{min-width:0!important;}
.uf-chart-legend div{display:grid!important;grid-template-columns:14px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;}
.uf-activity-item{grid-template-columns:42px minmax(0,1fr) 72px 8px!important;}
.uf-activity-item > span:nth-child(2){min-width:0!important;}
.uf-activity-item strong,.uf-activity-item small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.uf-kanban{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important;}
.uf-task-card{min-width:0!important;}
.uf-task-card strong,.uf-task-card small{overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}
.uf-client-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
.uf-project-list a{grid-template-columns:28px minmax(0,1fr) 110px 40px!important;}
.uf-project-list strong,.uf-project-list small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.uf-phone-mock{min-width:0!important;align-self:stretch!important;}
.phone-shell{position:relative!important;}
.uf-feature-strip{width:auto!important;align-items:center!important;}
.uf-feature-strip article{min-width:0!important;}
.uf-feature-strip strong,.uf-feature-strip span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

/* Forms/listas internas alinhadas */
.filters-bar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;}
.filters-bar input{width:100%!important;min-width:0!important;}
.panel-card,.form-panel,.demanda-card,.calendario-card,.client-panel{overflow:hidden!important;}
.status-tabs{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}
.status-tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;}

/* Responsivo com sidebar off-canvas alinhado */
@media(max-width:1280px){
    :root{--uf-sidebar-w:276px;}
    .page-area{padding-left:28px!important;padding-right:28px!important;}
    .uf-dashboard-grid-bottom{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important;}
    .uf-phone-mock{display:none!important;}
    .uf-kanban{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:980px){
    .main-area{margin-left:0!important;width:100%!important;}
    .topbar{left:0!important;width:100%!important;padding:0 16px!important;}
    .page-area{padding:calc(var(--uf-topbar-h) + 22px) 16px 28px!important;}
    .sidebar{transform:translateX(-105%)!important;transition:transform .24s ease!important;width:286px!important;min-width:286px!important;max-width:286px!important;}
    body.sidebar-open .sidebar,.sidebar.is-open,.sidebar[data-open="true"]{transform:translateX(0)!important;}
    body.sidebar-open .sidebar-backdrop,.sidebar-backdrop.is-open,.sidebar-backdrop[data-open="true"]{display:block!important;}
    .topbar-search{width:100%!important;flex:1 1 auto!important;min-width:0!important;margin-left:8px!important;}
    .topbar-user-copy,.theme-button{display:none!important;}
    .uf-dashboard-head{grid-template-columns:1fr!important;}
    .uf-date-block{text-align:left!important;min-width:0!important;}
    .uf-kpi-grid,.uf-dashboard-grid-top,.uf-dashboard-grid-bottom{grid-template-columns:1fr!important;}
    .uf-chart-wrap{grid-template-columns:1fr!important;}
    .uf-kanban{grid-template-columns:1fr!important;}
    .uf-feature-strip{margin:24px -16px -28px!important;padding:16px!important;grid-template-columns:1fr!important;}
}
@media(max-width:560px){
    .uf-kpi-card{padding:18px!important;gap:14px!important;min-height:112px!important;}
    .uf-kpi-icon{width:46px!important;height:46px!important;flex-basis:46px!important;}
    .uf-client-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .uf-project-list a{grid-template-columns:28px minmax(0,1fr) 72px 34px!important;}
    .filters-bar{grid-template-columns:1fr!important;}
    .topbar{height:70px!important;}
    :root{--uf-topbar-h:70px;}
}


/* ==================================================
   UNDERLINE BLUE BRAND + REMOVE MOCKUP CELULAR
   Ajuste solicitado: sem roxo e sem celular decorativo no dashboard
================================================== */
:root{
    --primary:#2563eb!important;
    --primary-dark:#1d4ed8!important;
    --uf-purple:#2563eb!important;
    --uf-purple-2:#1d4ed8!important;
}
.uf-phone-mock,.phone-shell{display:none!important;}
.uf-dashboard-grid-bottom{grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr)!important;}
.uf-dashboard-shell{max-width:1480px!important;}
.uf-kpi-card.is-purple .uf-kpi-icon,
.uf-kpi-card.is-blue .uf-kpi-icon,
.brand-mark,.footer-brand-icon,.topbar-avatar{
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
}
.uf-primary-btn,.btn-primary{
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
}
.notification-badge{background:#2563eb!important;}
.uf-tabs a.active{color:#2563eb!important;border-color:#2563eb!important;}
.uf-tabs b{background:#eff6ff!important;color:#2563eb!important;}
.dot.purple{background:#2563eb!important;}
.uf-project-list span,.uf-feature-strip .ui-icon,.kanban-empty span{color:#2563eb!important;background:#eff6ff!important;}
.uf-project-list i b,.plan-bar i,.phone-card{background:linear-gradient(90deg,#2563eb,#3b82f6)!important;}
.sidebar-nav a:hover,.sidebar-nav a.active{color:#2563eb!important;}
.sidebar-nav a:hover .ui-icon,.sidebar-nav a.active .ui-icon{color:#2563eb!important;}
.sidebar-nav a.active{background:linear-gradient(180deg,#eff6ff,#f8fbff)!important;border-color:#bfdbfe!important;box-shadow:0 10px 24px rgba(37,99,235,.08)!important;}
.sidebar-nav a:hover{background:#f8fbff!important;border-color:#dbeafe!important;}
@media(max-width:1200px){.uf-dashboard-grid-bottom{grid-template-columns:1fr!important;}}

/* ==================================================
   UNDERLINE FLOW V2 — ALL SCREENS BLUE PRODUCT SYSTEM
   Aplicação global do visual clean premium aprovado
================================================== */
:root{
    --uf-primary:#2563eb!important;
    --uf-primary-2:#1d4ed8!important;
    --uf-primary-soft:#eff6ff!important;
    --uf-primary-soft-2:#dbeafe!important;
    --uf-accent:#0ea5e9!important;
    --uf-bg:#fbfcff!important;
    --uf-panel:#ffffff!important;
    --uf-text:#07111f!important;
    --uf-muted:#667085!important;
    --uf-line:#e7ecf6!important;
    --uf-shadow-card:0 18px 54px rgba(15,23,42,.055)!important;
    --uf-shadow-hover:0 28px 80px rgba(15,23,42,.095)!important;
}
body.admin-body{
    background:
        radial-gradient(circle at 76% 2%, rgba(37,99,235,.055), transparent 32%),
        radial-gradient(circle at 0% 96%, rgba(14,165,233,.045), transparent 28%),
        linear-gradient(180deg,#fff 0%,#fbfcff 52%,#f6f9ff 100%)!important;
}

/* PAGE HERO PADRÃO */
.page-header,
.calendar-hero,
.kanban-hero,
.demanda-view-hero{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:24px!important;
    margin:0 0 22px!important;
    padding:26px 28px!important;
    min-height:126px!important;
    border:1px solid var(--uf-line)!important;
    border-radius:28px!important;
    background:
        radial-gradient(circle at 92% 0%, rgba(37,99,235,.12), transparent 28%),
        linear-gradient(135deg,#ffffff 0%,#fbfdff 55%,#f4f8ff 100%)!important;
    box-shadow:var(--uf-shadow-card)!important;
    overflow:hidden!important;
}
.page-header:after,
.calendar-hero:after,
.kanban-hero:after,
.demanda-view-hero:after{
    content:""!important;
    position:absolute!important;
    right:-52px!important;
    top:-70px!important;
    width:190px!important;
    height:190px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(147,197,253,.25))!important;
    pointer-events:none!important;
}
.page-header>*,.calendar-hero>*,.kanban-hero>*,.demanda-view-hero>*{position:relative!important;z-index:1!important;}
.page-header h2,.calendar-hero h2,.kanban-hero h2,.demanda-view-hero h2{
    margin:6px 0 8px!important;
    color:#07111f!important;
    font-size:clamp(28px,3.1vw,48px)!important;
    line-height:.98!important;
    letter-spacing:-.075em!important;
    font-weight:900!important;
    max-width:780px!important;
}
.page-header p,.calendar-hero p,.kanban-hero p,.demanda-view-hero p{
    color:#5f6d82!important;
    font-size:14px!important;
    line-height:1.65!important;
    max-width:700px!important;
    margin:0!important;
}
.header-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}

/* CARDS / PANELS UNIVERSAIS */
.panel-card,.form-panel,.calendar-toolbar,.calendar-form-panel,.kanban-shell,.demanda-main-card,.client-panel,.access-details{
    border:1px solid var(--uf-line)!important;
    background:rgba(255,255,255,.92)!important;
    border-radius:26px!important;
    box-shadow:var(--uf-shadow-card)!important;
    backdrop-filter:blur(18px)!important;
}
.panel-card,.form-panel,.kanban-shell,.demanda-main-card,.client-panel{padding:24px!important;}
.panel-card:hover,.simple-card:hover,.demanda-card:hover,.calendar-day-group:hover,.kanban-card:hover{
    box-shadow:var(--uf-shadow-hover)!important;
    transform:translateY(-2px)!important;
}
.panel-card,.simple-card,.demanda-card,.calendar-day-group,.kanban-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease!important;}
.section-title{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:16px!important;
    margin:0 0 18px!important;
}
.section-title h3{
    margin:0!important;
    font-size:19px!important;
    line-height:1.1!important;
    font-weight:900!important;
    letter-spacing:-.045em!important;
    color:#07111f!important;
}
.section-title p{margin:6px 0 0!important;color:#667085!important;font-size:13px!important;line-height:1.55!important;}

/* GRIDS GERAIS */
.content-grid.two-columns{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(340px,.42fr)!important;
    gap:22px!important;
    align-items:start!important;
}
.card-list{display:grid!important;gap:14px!important;}
.simple-card{
    position:relative!important;
    padding:18px!important;
    border:1px solid var(--uf-line)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.035)!important;
    overflow:hidden!important;
}
.simple-card:before{
    content:""!important;
    position:absolute!important;
    left:0!important;top:0!important;bottom:0!important;width:3px!important;
    background:linear-gradient(180deg,#2563eb,#93c5fd)!important;
    opacity:.8!important;
}
.simple-card strong{display:block!important;font-size:15px!important;font-weight:900!important;color:#07111f!important;letter-spacing:-.035em!important;}
.simple-card span,.simple-card small{display:block!important;margin-top:5px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;}
.simple-card p{margin:10px 0 0!important;color:#667085!important;line-height:1.55!important;font-size:13px!important;}

/* TABELAS PREMIUM */
.table-wrap{overflow:auto!important;border:1px solid var(--uf-line)!important;border-radius:22px!important;background:#fff!important;}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;}
thead th{
    position:sticky!important;top:0!important;z-index:1!important;
    padding:15px 16px!important;
    background:linear-gradient(180deg,#f9fbff,#f4f8ff)!important;
    color:#718099!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
    text-align:left!important;
    border-bottom:1px solid var(--uf-line)!important;
}
tbody td{padding:16px!important;border-bottom:1px solid #eef2f7!important;vertical-align:middle!important;color:#334155!important;font-size:13px!important;}
tbody tr:last-child td{border-bottom:0!important;}
tbody tr:hover td{background:#fbfdff!important;}
td strong{display:block!important;color:#07111f!important;font-weight:900!important;letter-spacing:-.03em!important;}
td small{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;line-height:1.4!important;}
.client-access-row td{background:#fbfdff!important;padding-top:0!important;}
.access-details{padding:14px!important;box-shadow:none!important;background:#fff!important;}
.access-details summary{cursor:pointer!important;color:#2563eb!important;font-weight:900!important;font-size:13px!important;}

/* FORMULÁRIOS PREMIUM */
.form-stack,.form-grid,.compact-form{display:grid!important;gap:14px!important;}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.form-grid.compact-form{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:end!important;}
.form-stack label,.form-grid label,.calendar-toolbar label{
    display:block!important;
    margin:0 0 7px!important;
    color:#0f172a!important;
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
}
input,select,textarea{
    width:100%!important;
    min-height:48px!important;
    border:1px solid #dfe7f3!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#07111f!important;
    padding:0 15px!important;
    font-family:var(--uf-font)!important;
    font-size:13px!important;
    outline:0!important;
    box-shadow:0 10px 22px rgba(15,23,42,.025)!important;
    transition:border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
textarea{min-height:130px!important;padding:14px 15px!important;line-height:1.6!important;resize:vertical!important;}
input:focus,select:focus,textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.09),0 12px 26px rgba(15,23,42,.035)!important;background:#fff!important;}
.form-actions.align-end{align-self:end!important;}

/* BOTÕES / AÇÕES */
.btn,.btn-primary,.btn-secondary,.btn-danger,.btn-small,.uf-primary-btn{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    border-radius:14px!important;
    padding:0 16px!important;
    border:1px solid transparent!important;
    font-family:var(--uf-font)!important;
    font-weight:900!important;
    font-size:13px!important;
    letter-spacing:-.025em!important;
    cursor:pointer!important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease!important;
    text-decoration:none!important;
}
.btn:hover,.uf-primary-btn:hover{transform:translateY(-1px)!important;}
.btn-primary,.uf-primary-btn{
    color:#fff!important;
    background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;
    box-shadow:0 14px 28px rgba(37,99,235,.18)!important;
}
.btn-secondary{color:#0f172a!important;background:#fff!important;border-color:#dfe7f3!important;box-shadow:0 10px 24px rgba(15,23,42,.04)!important;}
.btn-secondary:hover{border-color:#bfdbfe!important;color:#2563eb!important;background:#f8fbff!important;}
.btn-danger{color:#dc2626!important;background:#fff5f5!important;border-color:#fecaca!important;}
.btn-small{min-height:36px!important;padding:0 12px!important;font-size:12px!important;border-radius:12px!important;}

/* STATUS PILLS */
.status-pill,.pill,.uf-status{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
    min-height:28px!important;padding:0 10px!important;border-radius:999px!important;
    font-size:11px!important;font-weight:900!important;letter-spacing:-.015em!important;
    border:1px solid transparent!important;white-space:nowrap!important;
}
.status-pendente,.status-briefing{background:#eff6ff!important;color:#2563eb!important;border-color:#bfdbfe!important;}
.status-em-producao,.status-producao{background:#e0f2fe!important;color:#0369a1!important;border-color:#bae6fd!important;}
.status-em-aprovacao,.status-aprovacao{background:#fff7ed!important;color:#ea580c!important;border-color:#fed7aa!important;}
.status-alteracao-solicitada,.status-ajustes{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important;}
.status-aprovado{background:#ecfdf5!important;color:#059669!important;border-color:#bbf7d0!important;}
.status-finalizado{background:#f1f5f9!important;color:#475569!important;border-color:#e2e8f0!important;}

/* DEMANDAS — LISTA E CARDS */
.demandas-hero{margin-bottom:22px!important;}
.demandas-form,.demandas-board,.demandas-list,.production-queue{border-radius:26px!important;}
.demandas-kpis,.calendar-kpis,.kanban-orbit{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:16px!important;
    margin:0 0 22px!important;
}
.demandas-kpis article,.calendar-kpis article,.kanban-orbit article{
    position:relative!important;
    min-height:118px!important;
    padding:20px!important;
    border:1px solid var(--uf-line)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    box-shadow:var(--uf-shadow-card)!important;
    overflow:hidden!important;
}
.demandas-kpis article:after,.calendar-kpis article:after,.kanban-orbit article:after{
    content:""!important;position:absolute!important;right:-28px!important;top:-28px!important;width:92px!important;height:92px!important;border-radius:999px!important;background:rgba(37,99,235,.10)!important;
}
.demandas-kpis span,.calendar-kpis span,.kanban-orbit span{display:block!important;font-size:11px!important;font-weight:900!important;color:#60708a!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.demandas-kpis strong,.calendar-kpis strong,.kanban-orbit strong{display:block!important;margin:10px 0 4px!important;font-size:34px!important;line-height:1!important;letter-spacing:-.06em!important;color:#07111f!important;}
.demandas-kpis small,.calendar-kpis small,.kanban-orbit small{color:#667085!important;font-size:12px!important;line-height:1.45!important;}
.status-filter-bar,.demandas-tabs{
    display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:0 0 18px!important;
}
.status-filter-bar a,.demandas-tabs a{
    min-height:38px!important;padding:0 14px!important;border:1px solid var(--uf-line)!important;border-radius:999px!important;background:#fff!important;color:#334155!important;font-size:12px!important;font-weight:900!important;
}
.status-filter-bar a.active,.demandas-tabs a.active{background:#eff6ff!important;color:#2563eb!important;border-color:#bfdbfe!important;box-shadow:0 10px 22px rgba(37,99,235,.07)!important;}
.demanda-card{
    border:1px solid var(--uf-line)!important;
    border-radius:24px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    padding:22px!important;
    box-shadow:0 14px 36px rgba(15,23,42,.045)!important;
}
.demanda-card h3,.demanda-card h4{margin:12px 0 7px!important;font-size:20px!important;line-height:1.15!important;letter-spacing:-.05em!important;font-weight:900!important;color:#07111f!important;}
.demanda-card p{color:#667085!important;line-height:1.65!important;font-size:14px!important;}
.demanda-card-meta,.demanda-card-footer{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;}

/* DEMANDA INTERNA */
.demanda-workspace,.demanda-view-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(320px,.42fr)!important;gap:22px!important;align-items:start!important;}
.demanda-main-card h3,.demanda-main-card h4{font-weight:900!important;letter-spacing:-.045em!important;}
.demanda-info-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0!important;}
.demanda-info-grid article,.schedule-box,.approval-panel{
    border:1px solid var(--uf-line)!important;border-radius:20px!important;background:#fbfdff!important;padding:16px!important;
}
.schedule-box span,.approval-panel span,.demanda-info-grid span{display:block!important;color:#667085!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;}
.schedule-box strong,.approval-panel strong,.demanda-info-grid strong{display:block!important;margin-top:6px!important;font-size:17px!important;font-weight:900!important;color:#07111f!important;letter-spacing:-.04em!important;}
.premium-comment-list article,.comment-list article{
    display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;border:1px solid var(--uf-line)!important;border-radius:18px!important;background:#fff!important;margin-bottom:10px!important;
}
.comment-avatar{width:42px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:900!important;}
.upload-dropzone{border:1.5px dashed #bfdbfe!important;border-radius:24px!important;background:linear-gradient(180deg,#f8fbff,#fff)!important;padding:28px!important;text-align:center!important;}
.upload-dropzone strong{display:block!important;font-size:16px!important;font-weight:900!important;color:#07111f!important;}
.upload-dropzone p{color:#667085!important;}
.upload-controls{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;margin-top:12px!important;align-items:center!important;}
.file-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}

/* CALENDÁRIO */
.calendar-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:14px!important;margin-bottom:22px!important;}
.calendar-form-panel{margin-bottom:22px!important;}
.calendar-grid,.calendar-list,.calendar-month-grid{display:grid!important;gap:16px!important;}
.calendar-day-group{
    border:1px solid var(--uf-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--uf-shadow-card)!important;padding:18px!important;
}
.calendar-day-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important;}
.calendar-day-header strong{font-size:18px!important;font-weight:900!important;letter-spacing:-.045em!important;}
.calendario-card,.calendar-post-card{
    border:1px solid #edf2f8!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;padding:16px!important;margin-bottom:10px!important;
}
.calendario-card strong,.calendar-post-card strong{font-weight:900!important;color:#07111f!important;}

/* KANBAN */
.kanban-shell{padding:22px!important;overflow:hidden!important;}
.kanban-toolbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;}
.kanban-toolbar h3{margin:0!important;font-size:22px!important;letter-spacing:-.05em!important;font-weight:900!important;}
.kanban-toolbar p{margin:6px 0 0!important;color:#667085!important;line-height:1.5!important;}
.kanban-hint{display:inline-flex!important;align-items:center!important;gap:8px!important;border:1px solid #bfdbfe!important;background:#eff6ff!important;color:#2563eb!important;padding:9px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;}
.kanban-board{display:grid!important;grid-template-columns:repeat(6,minmax(260px,1fr))!important;gap:14px!important;overflow:auto!important;padding-bottom:8px!important;}
.kanban-column{min-height:520px!important;border:1px solid var(--uf-line)!important;border-radius:24px!important;background:linear-gradient(180deg,#fbfdff,#fff)!important;padding:14px!important;}
.kanban-column-header{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important;}
.kanban-column-icon{width:42px!important;height:42px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#eff6ff!important;color:#2563eb!important;}
.kanban-column-header strong{display:block!important;font-weight:900!important;letter-spacing:-.035em!important;}
.kanban-column-header span{display:block!important;color:#667085!important;font-size:12px!important;margin-top:3px!important;}
.kanban-column-header em{font-style:normal!important;min-width:28px!important;height:28px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--uf-line)!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:900!important;}
.kanban-dropzone{display:grid!important;gap:12px!important;min-height:420px!important;}
.kanban-card{position:relative!important;padding:16px!important;border:1px solid var(--uf-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(15,23,42,.04)!important;overflow:hidden!important;}
.kanban-card h4{margin:12px 0 5px!important;font-size:16px!important;line-height:1.22!important;font-weight:900!important;letter-spacing:-.04em!important;color:#07111f!important;}
.kanban-card p,.kanban-card-preview{color:#667085!important;font-size:12px!important;line-height:1.55!important;}
.kanban-card footer{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:13px!important;padding-top:12px!important;border-top:1px solid #eef2f7!important;}
.kanban-card footer span,.kanban-card footer a{font-size:12px!important;font-weight:900!important;color:#667085!important;display:inline-flex!important;align-items:center!important;gap:5px!important;}
.kanban-card footer a{margin-left:auto!important;color:#2563eb!important;}

/* ÁREA CLIENTE */
.client-shell,.client-dashboard,.client-demand-view{background:linear-gradient(180deg,#fff,#f7faff)!important;}
.client-panel,.client-demand-card,.client-project-card{
    border:1px solid var(--uf-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--uf-shadow-card)!important;
}
.client-hero{border-radius:28px!important;background:linear-gradient(135deg,#fff,#f4f8ff)!important;border:1px solid var(--uf-line)!important;box-shadow:var(--uf-shadow-card)!important;}

/* CONFIGURAÇÕES */
.settings-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,.42fr)!important;gap:22px!important;align-items:start!important;}
.config-preview,.branding-preview{border:1px solid var(--uf-line)!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:var(--uf-shadow-card)!important;padding:22px!important;}

/* EMPTY STATES */
.empty-state,.kanban-empty{
    border:1px dashed #bfdbfe!important;border-radius:22px!important;background:#f8fbff!important;color:#667085!important;padding:24px!important;text-align:center!important;
}
.empty-state strong,.kanban-empty p{font-weight:900!important;color:#07111f!important;}

/* ALINHAMENTOS MOBILE */
@media(max-width:1260px){
    .content-grid.two-columns,.settings-grid,.demanda-workspace,.demanda-view-grid{grid-template-columns:1fr!important;}
    .demandas-kpis,.calendar-kpis,.kanban-orbit{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    .kanban-board{grid-template-columns:repeat(3,minmax(260px,1fr))!important;}
}
@media(max-width:760px){
    .page-header,.calendar-hero,.kanban-hero,.demanda-view-hero{display:block!important;padding:22px!important;min-height:0!important;}
    .header-actions{margin-top:16px!important;}
    .demandas-kpis,.calendar-kpis,.kanban-orbit{grid-template-columns:1fr!important;}
    .form-grid,.form-grid.compact-form,.calendar-toolbar,.upload-controls,.demanda-info-grid{grid-template-columns:1fr!important;}
    .kanban-board{grid-template-columns:minmax(260px,1fr)!important;}
    .panel-card,.form-panel,.kanban-shell,.demanda-main-card,.client-panel{padding:18px!important;border-radius:22px!important;}
    .page-header h2,.calendar-hero h2,.kanban-hero h2,.demanda-view-hero h2{font-size:30px!important;}
}

/* ==================================================
   UNDERLINE FLOW V2 — PREMIUM ECOSYSTEM ALIGNMENT
   Camada final: demandas reais, calendário, clientes, marcas e login alinhados ao dashboard azul premium.
================================================== */
:root{
  --primary:#2563eb!important;
  --primary-2:#1d4ed8!important;
  --blue:#2563eb!important;
  --uf-primary:#2563eb!important;
  --uf-primary-2:#1d4ed8!important;
  --uf-accent:#60a5fa!important;
  --uf-ice:#eff6ff!important;
  --uf-deep:#0a1020!important;
  --uf-card-border:rgba(219,234,254,.95)!important;
  --uf-shadow-card:0 22px 60px rgba(15,23,42,.07)!important;
  --uf-shadow-hover:0 30px 90px rgba(37,99,235,.13)!important;
}
.status-em_aprovacao{background:#dbeafe!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.status-pill{border:1px solid rgba(226,232,240,.8)!important}.status-pill.status-em_aprovacao{background:#dbeafe!important;color:#1d4ed8!important}.status-pill.status-pendente{background:#fff7ed!important;color:#9a3412!important;border-color:#fed7aa!important}.status-pill.status-em_producao{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.status-pill.status-alteracao_solicitada{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}.status-pill.status-aprovado{background:#ecfdf5!important;color:#047857!important;border-color:#bbf7d0!important}.status-pill.status-finalizado{background:#f0f9ff!important;color:#0369a1!important;border-color:#bae6fd!important}

/* ==================================================
   GLOBAL PAGE RHYTHM — MAIS PREMIUM, MENOS GENÉRICO
================================================== */
.page-header{position:relative;overflow:hidden;border:1px solid rgba(219,234,254,.92)!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.78))!important;border-radius:34px!important;box-shadow:0 26px 80px rgba(37,99,235,.08)!important;padding:30px!important;margin-bottom:24px!important}.page-header:before{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),transparent 68%);pointer-events:none}.page-header:after{content:"";position:absolute;left:24px;bottom:0;width:92px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#93c5fd);opacity:.8}.page-header>*{position:relative;z-index:1}.page-header h2{font-size:clamp(30px,3.5vw,48px)!important;letter-spacing:-.075em!important;line-height:.98!important;margin:8px 0 10px!important;color:#07111f!important}.page-header p{max-width:760px!important;color:#637083!important;font-size:15px!important;line-height:1.75!important;margin:0!important}.header-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}.panel-card{border:1px solid rgba(219,234,254,.86)!important;background:rgba(255,255,255,.9)!important;box-shadow:var(--uf-shadow-card)!important;border-radius:30px!important}.section-title{align-items:flex-start!important}.section-title h3{font-size:22px!important;letter-spacing:-.055em!important;color:#07111f!important}.section-title p{color:#667085!important;line-height:1.65!important}.btn{border-radius:15px!important;min-height:44px!important;font-weight:900!important;letter-spacing:-.025em!important}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 18px 42px rgba(37,99,235,.22)!important}.btn-primary:hover{transform:translateY(-1px)!important;box-shadow:0 24px 58px rgba(37,99,235,.28)!important}.btn-secondary,.btn-light{background:#fff!important;color:#0f172a!important;border:1px solid rgba(219,234,254,.9)!important;box-shadow:0 10px 26px rgba(15,23,42,.035)!important}.btn-secondary:hover,.btn-light:hover{border-color:#bfdbfe!important;color:#1d4ed8!important;transform:translateY(-1px)!important;background:#f8fbff!important}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea{border-color:#dbeafe!important;background:#fff!important;border-radius:17px!important;box-shadow:0 10px 24px rgba(15,23,42,.025)!important}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{outline:0!important;border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.1)!important}label{color:#475569!important;font-weight:900!important;letter-spacing:-.015em!important}

/* ==================================================
   DEMANDAS — CREATIVE WORKFLOW CARDS PREMIUM
================================================== */
.demandas-hero{background:linear-gradient(135deg,#ffffff 0%,#eff6ff 62%,#dbeafe 100%)!important}.demandas-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;margin-bottom:24px!important}.demandas-kpis article{position:relative;overflow:hidden;border:1px solid rgba(219,234,254,.95)!important;background:linear-gradient(155deg,#fff,#f8fbff)!important;border-radius:28px!important;padding:24px!important;box-shadow:0 22px 60px rgba(15,23,42,.06)!important}.demandas-kpis article:after{content:"";position:absolute;right:-28px;bottom:-34px;width:112px;height:112px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.15),transparent 70%)}.demandas-kpis span{display:block;color:#667085!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.1em!important}.demandas-kpis strong{display:block;font-size:42px!important;line-height:1!important;letter-spacing:-.08em!important;margin:10px 0 6px!important;color:#07111f!important}.demandas-kpis small{display:block;color:#667085!important;line-height:1.55!important}.demanda-create-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8fbff)!important}.demanda-create-panel:after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 70%);pointer-events:none}.demanda-form-grid{position:relative;z-index:1}.demandas-board{padding:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,255,.92))!important}.status-tabs{display:flex!important;align-items:center!important;gap:9px!important;overflow:auto!important;padding:6px 0 14px!important;margin-bottom:8px!important}.status-tabs a{white-space:nowrap!important;padding:11px 14px!important;border-radius:999px!important;border:1px solid rgba(219,234,254,.9)!important;background:#fff!important;color:#475569!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(15,23,42,.025)!important}.status-tabs a:hover,.status-tabs a.active{background:linear-gradient(135deg,#eff6ff,#fff)!important;border-color:#93c5fd!important;color:#1d4ed8!important;box-shadow:0 14px 30px rgba(37,99,235,.09)!important}.demandas-search{border:1px solid rgba(219,234,254,.9)!important;background:#fff!important;border-radius:22px!important;padding:12px!important;box-shadow:0 16px 42px rgba(15,23,42,.045)!important}.demandas-search input{height:48px!important;border:0!important;background:#f8fbff!important;border-radius:15px!important}.premium-demandas-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:18px!important}.premium-demanda-card{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1fr!important;gap:18px!important;border:1px solid rgba(219,234,254,.95)!important;border-radius:30px!important;background:linear-gradient(152deg,#ffffff 0%,#fbfdff 54%,#eff6ff 100%)!important;box-shadow:0 24px 70px rgba(15,23,42,.065)!important;padding:22px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}.premium-demanda-card:before{content:"";position:absolute;right:-52px;top:-56px;width:154px;height:154px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.14),transparent 68%);pointer-events:none}.premium-demanda-card:after{content:"";position:absolute;left:22px;bottom:0;width:70px;height:3px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#bfdbfe);opacity:.72}.premium-demanda-card:hover{transform:translateY(-4px)!important;box-shadow:var(--uf-shadow-hover)!important;border-color:#bfdbfe!important}.demanda-card-main,.demanda-card-actions{position:relative;z-index:1}.demanda-card-topline{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:14px!important}.demanda-date{font-size:11px!important;font-weight:900!important;color:#64748b!important;background:#fff!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:999px!important;padding:7px 10px!important}.premium-demanda-card h3{font-size:21px!important;line-height:1.25!important;letter-spacing:-.055em!important;margin:0 0 8px!important;color:#07111f!important}.demanda-client{color:#1d4ed8!important;font-weight:900!important;margin:0 0 14px!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.055em!important}.demanda-preview{min-height:68px!important;margin:0!important;color:#5f6b7d!important;line-height:1.72!important;font-size:13px!important}.demanda-meta-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:18px!important}.demanda-meta-row span{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(219,234,254,.85)!important;color:#64748b!important;font-size:11px!important;font-weight:900!important}.demanda-card-actions{display:flex!important;justify-content:flex-end!important}.demanda-card-actions .btn{width:100%!important}.empty-state{background:linear-gradient(135deg,#fff,#f8fbff)!important;border-color:#bfdbfe!important;border-style:dashed!important;border-radius:28px!important}

/* ==================================================
   KANBAN — AZUL PREMIUM E MAIS ORGANIZADO
================================================== */
.kanban-shell{border-color:rgba(219,234,254,.95)!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.94))!important}.kanban-column{background:rgba(248,251,255,.9)!important;border-color:rgba(219,234,254,.92)!important}.kanban-column-icon{color:#1d4ed8!important;background:#fff!important;box-shadow:0 14px 32px rgba(37,99,235,.08)!important}.kanban-card{border-color:rgba(219,234,254,.92)!important;background:linear-gradient(150deg,#fff,#fbfdff)!important}.kanban-card:hover{border-color:#93c5fd!important;box-shadow:0 26px 70px rgba(37,99,235,.12)!important}.kanban-card-glow{background:radial-gradient(circle,rgba(37,99,235,.13),transparent 70%)!important}.kanban-column.is-over .kanban-dropzone{background:rgba(37,99,235,.065)!important;box-shadow:inset 0 0 0 1px rgba(37,99,235,.18)!important}.kanban-card footer a{color:#1d4ed8!important}.kanban-empty span{color:#1d4ed8!important}

/* ==================================================
   CALENDÁRIO — EDITORIAL PLANNER PREMIUM
================================================== */
.calendar-kpis{gap:18px!important;margin-bottom:24px!important}.calendar-kpis article{position:relative;overflow:hidden;border-color:rgba(219,234,254,.95)!important;border-radius:28px!important;background:linear-gradient(155deg,#fff,#f8fbff)!important;box-shadow:0 22px 60px rgba(15,23,42,.06)!important}.calendar-kpis article:after{content:"";position:absolute;right:-35px;bottom:-46px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 70%)}.calendar-kpis strong{font-size:42px!important;letter-spacing:-.08em!important}.calendar-toolbar{border-radius:24px!important;padding:14px!important}.calendar-form-panel{background:linear-gradient(135deg,#fff,#f8fbff)!important}.calendar-day-group{position:relative;border:1px solid rgba(219,234,254,.95)!important;background:rgba(255,255,255,.78)!important;border-radius:32px!important;padding:20px!important;box-shadow:0 22px 64px rgba(15,23,42,.055)!important}.calendar-day-header{padding:0 4px 6px!important}.calendar-day-header time{font-size:22px!important;letter-spacing:-.055em!important;color:#07111f!important}.calendar-day-header span{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}.calendar-card{position:relative;overflow:hidden;border-color:rgba(219,234,254,.95)!important;background:linear-gradient(150deg,#fff,#fbfdff)!important;border-radius:28px!important;box-shadow:0 18px 52px rgba(15,23,42,.055)!important}.calendar-card:before{content:"";position:absolute;right:-38px;top:-42px;width:112px;height:112px;border-radius:999px;background:radial-gradient(circle,rgba(37,99,235,.13),transparent 70%)}.calendar-card>*{position:relative;z-index:1}.calendar-card:hover{border-color:#93c5fd!important;box-shadow:0 28px 75px rgba(37,99,235,.13)!important}.calendar-type{background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #bfdbfe!important}.calendar-card h3{font-size:20px!important;letter-spacing:-.055em!important;color:#07111f!important}.calendar-meta span{background:#fff!important;border-color:#dbeafe!important}.calendar-grid{gap:18px!important}

/* ==================================================
   CLIENTES E MARCAS — LISTAS COM CARA DE PRODUTO
================================================== */
.table-wrap{border:1px solid rgba(219,234,254,.92)!important;border-radius:24px!important;background:#fff!important;overflow:hidden!important}table{border-collapse:separate!important;border-spacing:0!important}th{background:#f8fbff!important;color:#64748b!important;font-weight:900!important}td{border-color:#eef2ff!important}tbody tr:hover td{background:#fbfdff!important}.client-access-row td{background:#f8fbff!important}.access-details{border:1px solid rgba(219,234,254,.92)!important;border-radius:20px!important;background:#fff!important;padding:14px!important}.access-details summary{cursor:pointer;font-weight:900;color:#1d4ed8!important}.compact-form{margin-top:14px!important}.simple-card{position:relative;overflow:hidden;border-color:rgba(219,234,254,.92)!important;background:linear-gradient(145deg,#fff,#f8fbff)!important;border-radius:26px!important;padding:20px!important;box-shadow:0 18px 52px rgba(15,23,42,.055)!important}.simple-card:before{content:"";position:absolute;right:-42px;bottom:-48px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%)}.simple-card strong{position:relative;z-index:1;font-size:18px!important;letter-spacing:-.04em!important;color:#07111f!important}.simple-card span,.simple-card p{position:relative;z-index:1;color:#667085!important;line-height:1.65!important}.card-list{gap:16px!important}

/* ==================================================
   LOGIN — CLEAN PREMIUM, ALINHADO AO ECOSSISTEMA
================================================== */
body.auth-body{display:block!important;min-height:100vh!important;padding:0!important;background:radial-gradient(circle at 78% 16%,rgba(37,99,235,.16),transparent 30%),radial-gradient(circle at 8% 88%,rgba(147,197,253,.18),transparent 28%),linear-gradient(135deg,#fbfdff 0%,#eef6ff 55%,#ffffff 100%)!important}.auth-shell-premium{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(420px,.72fr)!important;gap:34px!important;align-items:center!important;padding:42px!important;max-width:1320px!important;margin:0 auto!important}.auth-story-panel{position:relative;overflow:hidden;min-height:650px!important;border:1px solid rgba(219,234,254,.9)!important;border-radius:42px!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(239,246,255,.86))!important;box-shadow:0 40px 120px rgba(37,99,235,.13)!important;padding:42px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;backdrop-filter:blur(22px)!important}.auth-story-panel:before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 68%)}.auth-story-panel:after{content:"";position:absolute;left:40px;bottom:130px;width:75%;height:1px;background:linear-gradient(90deg,rgba(37,99,235,.22),transparent)}.auth-story-panel>*{position:relative;z-index:1}.auth-brand-line{display:flex!important;align-items:center!important;gap:16px!important}.auth-brand-line .auth-logo{width:58px!important;height:58px!important;margin:0!important;border-radius:18px!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 20px 44px rgba(37,99,235,.24)!important;font-size:20px!important}.auth-brand-line strong{display:block!important;font-size:26px!important;letter-spacing:-.075em!important;color:#07111f!important;line-height:1!important}.auth-brand-line small{display:block!important;margin-top:4px!important;color:#64748b!important;font-size:13px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.14em!important}.auth-story-copy h1{max-width:760px!important;margin:14px 0 18px!important;font-size:clamp(40px,5vw,70px)!important;line-height:.94!important;letter-spacing:-.095em!important;color:#07111f!important}.auth-story-copy p{max-width:650px!important;margin:0!important;color:#5f6b7d!important;font-size:16px!important;line-height:1.8!important}.auth-feature-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.auth-feature-row span{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 14px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(219,234,254,.95)!important;box-shadow:0 14px 30px rgba(15,23,42,.04)!important;color:#1d4ed8!important;font-size:12px!important;font-weight:900!important}.auth-card-premium{width:100%!important;max-width:500px!important;margin-left:auto!important;border:1px solid rgba(219,234,254,.92)!important;border-radius:36px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 34px 100px rgba(15,23,42,.12)!important;padding:38px!important;backdrop-filter:blur(22px)!important}.auth-card-premium h2{font-size:38px!important;line-height:1!important;letter-spacing:-.08em!important;margin:10px 0 10px!important;color:#07111f!important}.auth-card-premium p{color:#667085!important;margin:0 0 24px!important}.auth-card-premium .form-stack{gap:12px!important}.auth-card-premium .btn-full{margin-top:8px!important;height:52px!important;border-radius:17px!important}.auth-card-premium input{height:52px!important}

/* ==================================================
   RESPONSIVO — MANTENDO PREMIUM NO MOBILE
================================================== */
@media(max-width:1180px){.premium-demandas-list{grid-template-columns:1fr!important}.demandas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.auth-shell-premium{grid-template-columns:1fr!important;padding:24px!important}.auth-story-panel{min-height:440px!important}.auth-card-premium{max-width:none!important;margin:0!important}}@media(max-width:760px){.page-area{padding-left:18px!important;padding-right:18px!important}.page-header{padding:24px!important;border-radius:28px!important}.page-header h2{font-size:34px!important}.demandas-kpis,.calendar-kpis{grid-template-columns:1fr!important}.premium-demanda-card{border-radius:26px!important;padding:18px!important}.demanda-card-topline{align-items:flex-start!important;flex-direction:column!important}.auth-shell-premium{padding:16px!important;gap:18px!important}.auth-story-panel{min-height:auto!important;border-radius:30px!important;padding:26px!important}.auth-story-copy h1{font-size:38px!important}.auth-card-premium{border-radius:30px!important;padding:26px!important}.auth-feature-row span{width:100%!important}.calendar-day-group{padding:14px!important;border-radius:26px!important}.calendar-card{border-radius:24px!important}}

/* ==================================================
   KANBAN — CORREÇÃO VISUAL SEGURA
================================================== */
.kanban-board{
    display:flex!important;
    align-items:stretch!important;
    gap:16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 4px 14px!important;
    scroll-snap-type:x proximity!important;
}
.kanban-column{
    flex:0 0 292px!important;
    min-width:292px!important;
    max-width:292px!important;
    min-height:560px!important;
    scroll-snap-align:start!important;
}
.kanban-card{
    cursor:grab!important;
    user-select:none!important;
}
.kanban-card.is-dragging{
    opacity:.55!important;
    transform:scale(.985)!important;
}
.kanban-card-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
}
.kanban-column.is-over{
    border-color:#93c5fd!important;
    box-shadow:0 18px 50px rgba(37,99,235,.12)!important;
}
@media(max-width:760px){
    .kanban-board{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important;}
    .kanban-column{flex:auto!important;min-width:0!important;max-width:none!important;min-height:auto!important;}
    .kanban-dropzone{min-height:140px!important;}
}

/* ==================================================
   MOTION CINEMATIC POLISH — SAFE LAYER
================================================== */
:root{
  --uf-ease:cubic-bezier(.22,1,.36,1);
}
@media (prefers-reduced-motion: no-preference){
  .page-area > *{animation:ufFadeUp .38s var(--uf-ease) both;}
  .page-area > *:nth-child(2){animation-delay:.04s;}
  .page-area > *:nth-child(3){animation-delay:.08s;}
  @keyframes ufFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .sidebar-nav a,.btn,.uf-kpi-card,.panel-card,.demanda-card,.premium-demanda-card,.calendar-day,.kanban-card,.client-demand-card,.notification-button{
    transition:transform .2s var(--uf-ease), box-shadow .2s var(--uf-ease), border-color .2s var(--uf-ease), background .2s var(--uf-ease), opacity .2s var(--uf-ease)!important;
  }
}
.uf-kpi-card:hover,.panel-card:hover,.demanda-card:hover,.premium-demanda-card:hover,.kanban-card:hover,.client-demand-card:hover,.calendar-day:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.07)!important;
  border-color:#cfe0ff!important;
}
.btn:active,.sidebar-nav a:active{transform:translateY(0) scale(.99)!important;}
.dropzone,.upload-dropzone{position:relative;overflow:hidden;}
.dropzone:before,.upload-dropzone:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,.08),transparent);opacity:0;transition:.2s var(--uf-ease);pointer-events:none;}
.dropzone:hover:before,.upload-dropzone:hover:before{opacity:1;}
.empty-state{position:relative;overflow:hidden;padding:34px!important;text-align:center!important;}
.empty-state:before{content:'';display:block;width:54px;height:54px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 16px 35px rgba(37,99,235,.12);}
.skeleton{position:relative;overflow:hidden;background:#eef3fb!important;color:transparent!important;border-radius:12px!important;}
.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:ufSkeleton 1.25s infinite;}
@keyframes ufSkeleton{100%{transform:translateX(100%)}}
.quick-actions{opacity:.0;transform:translateY(4px);transition:.2s var(--uf-ease);}
.demanda-card:hover .quick-actions,.premium-demanda-card:hover .quick-actions,.kanban-card:hover .quick-actions{opacity:1;transform:none;}
.status-pill,.badge,.status-badge{box-shadow:0 8px 20px rgba(15,23,42,.04)!important;}
.calendar-day.is-drag-over,.kanban-column.is-drag-over{outline:2px solid rgba(37,99,235,.35)!important;outline-offset:3px;background:#f8fbff!important;}

/* ==================================================
   SOCIAL PREVIEW — GLOBAL CREATIVE PACK
================================================== */
.social-preview-panel {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(37, 99, 235, .10);
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .13), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(242,247,255,.94));
}
.social-preview-title { align-items: flex-start; }
.social-preview-grid {
    display: grid;
    grid-template-columns: minmax(320px, 1.1fr) minmax(280px, .9fr);
    gap: 24px;
    align-items: stretch;
}
.instagram-frame {
    border-radius: 32px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 28px 80px rgba(15, 23, 42, .12);
    overflow: hidden;
    min-height: 100%;
}
.insta-topline { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid rgba(15, 23, 42, .06); }
.insta-profile-dot { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; color: #fff; background: linear-gradient(135deg, #2563eb, #0f3fb8); box-shadow: 0 12px 30px rgba(37, 99, 235, .28); }
.insta-topline strong { display: block; font-size: 14px; color: #0f172a; }
.insta-topline span { display: block; font-size: 12px; color: #64748b; margin-top: 2px; }
.insta-topline em { margin-left: auto; color: #94a3b8; font-style: normal; }
.insta-media-area { position: relative; aspect-ratio: 1 / 1; background: linear-gradient(145deg, #eff6ff, #dbeafe); display: grid; place-items: center; overflow: hidden; }
.insta-media-area img { width: 100%; height: 100%; object-fit: cover; display: block; }
.social-art-placeholder { width: 86%; height: 86%; border-radius: 28px; display: grid; place-items: center; text-align: center; padding: 28px; color: #fff; background: radial-gradient(circle at 20% 20%, rgba(96, 165, 250, .62), transparent 30%), linear-gradient(145deg, #0a1020, #1d4ed8 72%, #2563eb); box-shadow: inset 0 0 0 1px rgba(255,255,255,.15), 0 26px 60px rgba(37,99,235,.24); }
.social-art-placeholder svg { width: 30px; height: 30px; margin-bottom: 12px; }
.social-art-placeholder strong { font-size: clamp(18px, 2.4vw, 30px); line-height: 1.05; letter-spacing: -.04em; }
.social-art-placeholder small { margin-top: 10px; opacity: .72; text-transform: uppercase; letter-spacing: .14em; }
.insta-actions-row { display: flex; gap: 14px; padding: 14px 18px 8px; font-size: 24px; color: #0f172a; }
.insta-actions-row span:last-child { margin-left: auto; }
.insta-caption { padding: 0 18px 20px; color: #334155; line-height: 1.55; font-size: 13px; }
.social-preview-stack { display: grid; grid-template-columns: .78fr 1fr; gap: 18px; }
.story-phone-preview { display: grid; align-content: center; gap: 10px; text-align: center; color: #64748b; font-size: 12px; font-weight: 700; }
.story-shell { position: relative; min-height: 420px; border-radius: 34px; overflow: hidden; background: #0a1020; box-shadow: 0 30px 80px rgba(15,23,42,.22); border: 8px solid #0f172a; }
.story-shell img { width: 100%; height: 100%; object-fit: cover; display: block; min-height: 420px; }
.story-bars { position: absolute; top: 16px; left: 16px; right: 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; z-index: 2; }
.story-bars span { height: 3px; background: rgba(255,255,255,.74); border-radius: 10px; }
.story-placeholder { height: 100%; min-height: 420px; display: grid; place-items: center; text-align: center; padding: 24px; color: #fff; background: linear-gradient(160deg, #0a1020, #1d4ed8, #60a5fa); }
.story-placeholder strong { font-size: 24px; line-height: 1.05; letter-spacing: -.04em; }
.story-placeholder small { margin-top: 10px; opacity: .7; text-transform: uppercase; letter-spacing: .12em; }
.carousel-preview-box { border-radius: 30px; background: rgba(255,255,255,.78); border: 1px solid rgba(37,99,235,.12); box-shadow: 0 24px 70px rgba(37,99,235,.10); padding: 18px; display: flex; flex-direction: column; min-height: 420px; }
.carousel-preview-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.carousel-preview-head strong { color: #0f172a; font-size: 16px; }
.carousel-preview-head span { color: #64748b; font-size: 12px; font-weight: 700; }
.carousel-slide-stage { position: relative; flex: 1; min-height: 260px; }
.carousel-slide-card { position: absolute; inset: 0; display: grid; align-content: center; gap: 12px; padding: 28px; border-radius: 26px; color: #fff; background: radial-gradient(circle at 20% 10%, rgba(147,197,253,.42), transparent 34%), linear-gradient(145deg, #0a1020, #1d4ed8 80%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); opacity: 0; transform: translateX(18px) scale(.98); pointer-events: none; transition: opacity .22s ease, transform .22s ease; }
.carousel-slide-card.is-active { opacity: 1; transform: translateX(0) scale(1); pointer-events: auto; }
.carousel-slide-card small { opacity: .68; text-transform: uppercase; letter-spacing: .14em; font-weight: 800; }
.carousel-slide-card strong { font-size: clamp(20px, 2vw, 30px); line-height: 1.08; letter-spacing: -.045em; }
.carousel-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.carousel-controls button { border: 0; border-radius: 16px; padding: 12px 14px; background: #eff6ff; color: #1d4ed8; font-weight: 800; cursor: pointer; transition: transform .18s ease, background .18s ease; }
.carousel-controls button:hover { transform: translateY(-1px); background: #dbeafe; }
.calendar-mini-media { height: 72px; border-radius: 16px; overflow: hidden; margin-bottom: 10px; background: linear-gradient(135deg, #eff6ff, #dbeafe); display: grid; place-items: center; color: #2563eb; }
.calendar-mini-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.calendar-mini-media svg { width: 20px; height: 20px; }
.calendar-mini-post { overflow: hidden; }
@media (max-width: 1180px) { .social-preview-grid { grid-template-columns: 1fr; } .social-preview-stack { grid-template-columns: 1fr 1fr; } }
@media (max-width: 760px) { .social-preview-stack { grid-template-columns: 1fr; } .story-shell, .story-shell img, .story-placeholder { min-height: 360px; } .carousel-preview-box { min-height: 360px; } }

/* ==================================================
   INTELLIGENCE EXPANSION PACK — DASHBOARD PREMIUM
================================================== */
.intelligence-dashboard{--intel-blue:#2563eb;--intel-blue-dark:#1d4ed8;--intel-soft:#eff6ff;--intel-line:#dbe7ff;--intel-text:#0b1224;--intel-muted:#64748b}.uf-intel-hero{position:relative;overflow:hidden;border:1px solid rgba(37,99,235,.10);border-radius:28px;padding:26px 28px;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 52%,#edf5ff 100%);box-shadow:0 22px 70px rgba(37,99,235,.06);margin-bottom:24px!important}.uf-intel-hero:before{content:"";position:absolute;right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.18),rgba(37,99,235,0) 68%);pointer-events:none}.uf-intel-hero>*{position:relative;z-index:1}.uf-eyebrow{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;margin-bottom:12px}.uf-eyebrow .ui-icon{width:15px;height:15px}.uf-kpi-grid-intel .uf-kpi-card{border-radius:22px!important;border-color:rgba(37,99,235,.10)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 18px 48px rgba(15,23,42,.055)!important}.uf-kpi-grid-intel .uf-kpi-card strong{letter-spacing:-.06em}.uf-intelligence-row{display:grid;grid-template-columns:minmax(0,.98fr) minmax(420px,.72fr);gap:22px;margin-bottom:22px}.uf-score-panel,.uf-reminders-panel,.uf-health-panel,.uf-brand-content-panel,.uf-onboarding-panel{border-radius:24px!important;border-color:rgba(37,99,235,.10)!important;box-shadow:0 18px 50px rgba(15,23,42,.05)!important}.uf-score-wrap{display:grid;grid-template-columns:178px 1fr;gap:24px;align-items:center}.uf-score-ring{--score:84;width:164px;height:164px;border-radius:50%;background:conic-gradient(#2563eb calc(var(--score) * 1%),#eaf1ff 0);display:grid;place-items:center;position:relative;box-shadow:0 22px 48px rgba(37,99,235,.15)}.uf-score-ring:before{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(37,99,235,.10)}.uf-score-ring strong,.uf-score-ring span{position:relative;z-index:1;text-align:center}.uf-score-ring strong{font-size:34px;font-weight:950;color:#0b1224;letter-spacing:-.06em;transform:translateY(9px)}.uf-score-ring span{font-size:12px;color:#64748b;font-weight:900;text-transform:uppercase;letter-spacing:.1em;transform:translateY(-22px)}.uf-score-copy strong{display:block;font-size:20px;letter-spacing:-.04em;color:#0b1224}.uf-score-copy p{font-size:14px;line-height:1.55;color:#64748b;margin:8px 0 18px!important}.uf-reminder-list{display:grid;gap:12px}.uf-reminder-card{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;border:1px solid #e6eefb;background:#fff}.uf-reminder-card>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eff6ff;color:#2563eb}.uf-reminder-card .ui-icon{width:19px;height:19px}.uf-reminder-card strong{display:block;color:#0b1224;font-size:14px}.uf-reminder-card p{margin:4px 0 0!important;color:#64748b;font-size:12px;line-height:1.45}.uf-reminder-card.good>span{background:#ecfdf5;color:#059669}.uf-reminder-card.warn>span{background:#fff7ed;color:#ea580c}.uf-reminder-card.danger>span{background:#fff1f2;color:#e11d48}.uf-reminder-card.info>span{background:#eff6ff;color:#2563eb}.uf-intel-activity .uf-activity-item{border:1px solid rgba(37,99,235,.08);border-radius:16px;padding:10px;background:#fff;transition:.18s ease}.uf-intel-activity .uf-activity-item:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.06)}.uf-intel-bottom{grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr)!important}.uf-demand-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.uf-intel-task{border-radius:18px!important;padding:16px!important;min-height:145px!important;background:linear-gradient(180deg,#fff,#f9fbff)!important;box-shadow:0 12px 30px rgba(15,23,42,.035);transition:.18s ease}.uf-intel-task:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(37,99,235,.09);border-color:#bfdbfe}.uf-intel-task strong{font-size:14px!important}.uf-health-list{display:grid;gap:12px}.uf-health-card{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:15px;border-radius:18px;border:1px solid #e6eefb;background:linear-gradient(180deg,#fff,#fbfdff)}.uf-health-card strong{display:block;font-size:14px;color:#0b1224}.uf-health-card span{display:block;color:#64748b;font-size:12px;margin-top:3px;font-weight:700}.uf-health-card em{font-style:normal;font-weight:950;color:#0b1224}.uf-health-card i{grid-column:1/3;height:7px;background:#eef4ff;border-radius:999px;overflow:hidden}.uf-health-card i b{display:block;height:100%;border-radius:999px;background:#2563eb}.uf-health-card small{grid-column:1/3;color:#64748b;font-weight:800;font-size:12px}.uf-health-card.good i b{background:#059669}.uf-health-card.warn i b{background:#f59e0b}.uf-health-card.danger i b{background:#e11d48}.uf-intel-last-row{grid-template-columns:minmax(0,1fr) minmax(420px,.7fr)}.uf-brand-bars{display:grid;gap:14px}.uf-brand-bars article{display:grid;grid-template-columns:170px 1fr 36px;gap:12px;align-items:center}.uf-brand-bars span{font-size:13px;font-weight:900;color:#0b1224;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uf-brand-bars i{height:10px;background:#edf4ff;border-radius:999px;overflow:hidden}.uf-brand-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.uf-brand-bars strong{font-size:13px;font-weight:950;text-align:right}.uf-onboarding-list{display:grid;gap:12px}.uf-onboarding-list a{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:14px;border-radius:18px;border:1px solid #e6eefb;background:#fff;color:#0b1224;transition:.18s ease}.uf-onboarding-list a:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.06);text-decoration:none}.uf-onboarding-list .ui-icon{width:42px;height:42px;padding:11px;border-radius:14px;background:#eff6ff;color:#2563eb;box-sizing:border-box}.uf-onboarding-list strong{display:block;font-size:14px}.uf-onboarding-list small{display:block;color:#64748b;margin-top:3px;font-weight:700}.uf-empty-mini{display:grid;place-items:center;text-align:center;gap:8px;padding:28px;border-radius:18px;border:1px dashed #cfe0ff;background:#f8fbff;color:#64748b}.uf-empty-mini.full{grid-column:1/-1}.uf-empty-mini .ui-icon{width:28px;height:28px;color:#2563eb}.uf-empty-mini strong{color:#0b1224}.uf-empty-mini span{font-size:13px;font-weight:700}@media(max-width:1200px){.uf-intelligence-row,.uf-intel-last-row,.uf-intel-bottom{grid-template-columns:1fr!important}.uf-demand-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.uf-intel-hero{padding:22px;border-radius:22px}.uf-score-wrap{grid-template-columns:1fr}.uf-score-ring{margin:auto}.uf-demand-preview-grid{grid-template-columns:1fr!important}.uf-brand-bars article{grid-template-columns:1fr}.uf-brand-bars strong{text-align:left}.uf-brand-bars i{width:100%}.uf-intelligence-row{gap:16px}}