/* =====================================================
   PLANORA style.css — CLEANED VERSION
   Дуплираните блокови се тргнати, рекламите се консолидирани
   во еден финален red/blue banner систем, а mobile bottom nav
   е оставен во еден финален блок.
===================================================== */

:root{--bg:#f5f7fb;--card:#fff;--text:#0f172a;--muted:#64748b;--primary:#16a34a;--primary2:#065f46;--border:#e2e8f0;--shadow:0 14px 35px rgba(15,23,42,.08);--radius:22px;}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.layout{display:flex;min-height:100vh}.sidebar{width:285px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#052e16,#166534 55%,#064e3b);padding:18px;display:flex;flex-direction:column;z-index:1000;box-shadow:10px 0 28px rgba(0,0,0,.16)}.brand{display:flex;align-items:center;gap:12px;color:#fff;margin-bottom:18px}.brand-icon{width:45px;height:45px;border-radius:16px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:23px}.brand small{display:block;color:#bbf7d0;font-weight:500}.nav-search{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:8px 12px;color:#fff;display:flex;gap:8px;margin-bottom:14px}.nav-search input{background:transparent;border:0;color:#fff;outline:none;width:100%}.nav-search input::placeholder{color:#d1fae5}.nav-link{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:4px 0;border-radius:15px;color:#e8fff0;text-decoration:none;font-weight:650}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.16);color:#fff}.nav-link.danger{color:#fecaca}.sidebar-bottom{margin-top:auto}.content{margin-left:285px;width:calc(100% - 285px);padding:26px 28px 90px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.topbar h1{margin:0;font-size:30px;font-weight:850;letter-spacing:-.03em}.topbar p{margin:4px 0 0;color:var(--muted)}.top-actions{display:flex;gap:10px;flex-wrap:wrap}.date-pill,.user-pill{background:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);font-weight:700;color:#334155}.cardx{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;height:100%}.stat .label{color:var(--muted);font-weight:700}.stat .value{font-size:30px;font-weight:900;letter-spacing:-.04em}.stat .icon{width:45px;height:45px;border-radius:15px;background:#dcfce7;color:#166534;display:grid;place-items:center;font-size:22px}.btn{border-radius:13px;font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary2);border-color:var(--primary2)}.form-control,.form-select{border-radius:13px;border-color:#dbe3ef;padding:10px 12px}.table{vertical-align:middle}.table thead th{color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.03em}.badge{border-radius:999px;padding:.45rem .65rem}.section-title{font-size:18px;font-weight:850;margin:0 0 12px}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.quick-link{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px;text-decoration:none;color:var(--text);box-shadow:var(--shadow);font-weight:800}.quick-link i{display:block;font-size:24px;color:var(--primary);margin-bottom:6px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.kanban-col{background:#eef7f0;border:1px solid #d8eadc;border-radius:20px;padding:12px;min-height:280px}.kanban-col h5{font-size:15px;font-weight:900}.kanban-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:12px;margin-bottom:10px;box-shadow:0 8px 18px rgba(15,23,42,.06)}.mobile-menu-btn{display:none}.bottom-nav{display:none}.progress{height:10px;border-radius:999px}.progress-bar{background:var(--primary)}.search-result{border-bottom:1px solid var(--border);padding:12px 0}.small-muted{font-size:13px;color:var(--muted)}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.2s}.sidebar-open .sidebar{transform:none}.mobile-menu-btn{display:grid;position:fixed;right:16px;bottom:76px;z-index:1100;width:52px;height:52px;border:0;border-radius:18px;background:var(--primary);color:#fff;box-shadow:var(--shadow);place-items:center;font-size:26px}.content{margin-left:0;width:100%;padding:18px 14px 86px}.topbar{display:block}.top-actions{margin-top:12px}.quick-grid{grid-template-columns:repeat(2,1fr)}.kanban{grid-template-columns:repeat(4,260px)}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--border);z-index:999}.bottom-nav a{padding:9px 3px;text-align:center;text-decoration:none;color:#334155;font-size:11px;font-weight:700}.bottom-nav i{display:block;font-size:20px;color:var(--primary)}}

/* v6 subscription / ads / notifications */
.plan-pill{text-decoration:none}.plan-pill.free{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.plan-pill.pro{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.roki-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:18px;padding:14px 16px;margin:0 0 16px;background:linear-gradient(135deg,#f59e0b,#fb923c);color:#fff;box-shadow:var(--shadow)}
.roki-card p{margin:3px 0 0;color:#fff7ed}.roki-label{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:2px 7px;margin-right:8px}
.roki-bottom{position:fixed;left:310px;right:24px;bottom:14px;z-index:900;margin:0;background:linear-gradient(135deg,#0f172a,#334155)}
.plan-card{height:100%;position:relative;overflow:hidden}.plan-card.selected{border:2px solid var(--primary);background:linear-gradient(180deg,#fff,#f0fdf4)}.plan-price{font-size:34px;font-weight:900;letter-spacing:-.04em;margin:12px 0}.plan-price small{font-size:13px;color:var(--muted);font-weight:700}.plan-list{padding-left:18px;color:#334155}.plan-list li{margin:8px 0}
.notification-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.notification-row p{margin:.25rem 0;color:#475569}.notification-row span{font-size:12px;color:#64748b}.notification-row.unread{background:#f0fdf4;margin:0 -12px;padding:14px 12px;border-radius:14px}
@media(max-width:900px){.roki-bottom{left:12px;right:12px;bottom:62px}.roki-card{display:block}.roki-card .btn{margin-top:8px}.bottom-nav{grid-template-columns:repeat(6,1fr)}}
/* v7 organizations/admin */
.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;height:100%}.stat-card span{display:block;color:var(--muted);font-weight:800;font-size:13px}.stat-card b{font-size:27px;letter-spacing:-.04em}.empty-state{background:#fff;border:1px dashed #a7f3d0;border-radius:22px;padding:28px;text-align:center;color:#64748b}.chat-row{border-bottom:1px solid var(--border);padding:12px 0}.chat-row p{margin:.3rem 0;color:#334155}.nav-pills .nav-link{color:#166534;background:#ecfdf5;margin-right:6px}.nav-pills .nav-link.active{background:#16a34a;color:white}

/* v8 profile, private organization chat and private file access */
.user-pill-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#334155}
.avatar,.avatar-mini{border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;vertical-align:middle;background:#dcfce7;color:#166534;font-weight:900;flex-shrink:0}
.avatar{width:96px;height:96px;font-size:34px}
.avatar-mini{width:28px;height:28px;font-size:12px}
.profile-avatar-wrap .avatar,.profile-avatar-wrap .avatar-fallback{width:110px;height:110px;font-size:38px;margin:auto}
.org-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.org-tabs .nav-link{white-space:nowrap}
.chat-box{max-height:520px;overflow-y:auto}
.private-chat-users{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}
.private-user{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:#fff;text-decoration:none;color:#334155;font-weight:800;white-space:nowrap}
.private-user.active{background:#dcfce7;border-color:#86efac;color:#166534}
.private-chat-box{display:flex;flex-direction:column-reverse;gap:8px;background:#f8fafc}
.private-msg{display:flex;margin:7px 0}
.private-msg>div{max-width:82%;border:1px solid var(--border);border-radius:18px;padding:10px 12px;background:#fff;box-shadow:0 6px 14px rgba(15,23,42,.05)}
.private-msg.mine{justify-content:flex-end}
.private-msg.mine>div{background:#dcfce7;border-color:#bbf7d0}
.private-msg p{margin:.35rem 0;color:#334155}

/* =========================
   V9 FIXES: sidebar scroll, profile, user recognition everywhere
========================= */
.sidebar{height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.sidebar .brand,.sidebar .nav-search,.sidebar .sidebar-bottom{flex-shrink:0!important}
.sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding-right:4px!important;padding-bottom:12px!important}
.sidebar nav::-webkit-scrollbar{width:6px!important}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.30)!important;border-radius:20px!important}.sidebar nav::-webkit-scrollbar-track{background:transparent!important}.sidebar-bottom{flex-shrink:0!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.14)!important}

.avatar,.avatar-sm,.avatar-lg,.avatar-mini{border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;vertical-align:middle;background:#dcfce7;color:#166534;font-weight:900;flex-shrink:0;overflow:hidden;text-align:center}.avatar{width:96px;height:96px;font-size:34px}.avatar-lg{width:112px;height:112px;font-size:42px}.avatar-sm{width:44px;height:44px;font-size:16px}.avatar-mini{width:30px;height:30px;font-size:12px}.avatar-fallback{line-height:1}.user-pill-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#334155}
.user-identity{display:flex;align-items:center;gap:9px;min-width:0}.user-identity-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.user-identity-text b{font-size:14px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.user-identity-text small{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.user-identity-text em{font-style:normal;font-size:11px;color:#166534;background:#dcfce7;border-radius:999px;padding:2px 7px;margin-top:3px;width:max-content;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link .user-identity-text b,.nav-link .user-identity-text small{color:inherit}

.profile-page{max-width:1280px;margin:0 auto}.profile-hero{background:linear-gradient(135deg,#064e3b,#16a34a);border-radius:28px;padding:26px;color:#fff;box-shadow:var(--shadow);margin-bottom:22px;overflow:hidden;position:relative}.profile-hero::after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.12);right:-75px;top:-95px}.profile-hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:18px}.profile-hero .avatar-lg{border:4px solid rgba(255,255,255,.65);box-shadow:0 14px 34px rgba(0,0,0,.20);background:rgba(255,255,255,.18);color:#fff}.profile-hero-text{flex:1}.profile-hero h2{margin:0;font-size:31px;font-weight:900;letter-spacing:-.03em}.profile-hero p{margin:5px 0 0;color:#dcfce7;font-weight:650}.profile-hero-plan{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);border-radius:20px;padding:12px 16px;text-align:right}.profile-hero-plan span{display:block;color:#dcfce7;font-size:12px;font-weight:800}.profile-hero-plan b{font-size:18px}.profile-grid{display:grid;grid-template-columns:420px 1fr;gap:18px;align-items:start}.profile-card{background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:20px;overflow:hidden}.profile-card-wide{grid-column:1 / -1}.profile-card h4{margin:0 0 16px;font-size:19px;font-weight:900;letter-spacing:-.02em}.profile-photo-box{display:flex;gap:16px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:20px;background:#f8fafc;margin-bottom:16px}.profile-photo-box .avatar-lg{width:92px;height:92px;border-radius:24px;border:3px solid #dcfce7}.profile-photo-box .info{flex:1;min-width:0}.profile-photo-box .info b{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-photo-box .info small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-list{display:grid;gap:10px}.profile-info-list div{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:15px;padding:10px 12px;background:#fff}.profile-info-list span{color:var(--muted);font-weight:700}.profile-info-list b{font-weight:850;color:#0f172a;text-align:right}.profile-page img{max-width:100%!important}.profile-page .avatar,.profile-page .avatar-sm,.profile-page .avatar-lg,.profile-page .avatar-mini{object-fit:cover!important}

.org-member-strip{padding:14px 16px}.member-strip-scroll{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px}.member-strip-item{min-width:235px;background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:10px}.member-radio-grid,.member-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.member-radio-card,.member-check-card{display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:17px;background:#fff;padding:11px;cursor:pointer;transition:.15s;min-height:64px}.member-radio-card:hover,.member-check-card:hover{border-color:#86efac;background:#f0fdf4}.member-radio-card input,.member-check-card input{width:16px;height:16px;flex-shrink:0}.member-radio-card:has(input:checked),.member-check-card:has(input:checked){border-color:#16a34a;background:#ecfdf5;box-shadow:0 0 0 3px rgba(22,163,74,.10)}.member-profile-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:16px;min-height:104px}.member-profile-card .avatar-mini{width:48px;height:48px;font-size:18px}.member-profile-card .user-identity-text b{font-size:16px;max-width:260px}.member-role-badge{position:absolute;right:14px;top:14px;background:#ecfdf5;color:#166534;border:1px solid #bbf7d0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900}.org-invite-card{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:10px;background:#fff}.org-card h3{font-weight:900;letter-spacing:-.02em}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-head .user-identity{min-width:0}.private-user{min-width:245px;align-items:flex-start!important;border-radius:18px!important}.private-user .user-identity-text b{max-width:170px}.chat-current-user{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:10px}.private-msg .avatar-mini{width:24px;height:24px}.private-msg .user-identity-text b{font-size:13px}.private-msg .user-identity-text small{font-size:11px}.table .user-identity{min-width:210px}

@media(max-width:900px){.profile-grid{grid-template-columns:1fr}.profile-hero-content{display:block;text-align:center}.profile-hero .avatar-lg{margin:0 auto 14px}.profile-hero-plan{text-align:center;margin-top:14px}.profile-photo-box{display:block;text-align:center}.profile-photo-box .avatar-lg{margin:0 auto 12px}.member-radio-grid,.member-check-grid{grid-template-columns:1fr}.org-invite-card{display:block}.org-invite-card form{margin-top:12px}.private-user{min-width:220px}.table .user-identity{min-width:180px}}

/* =========================
   V10 CALENDAR / PRODUCTIVITY / LANDING
========================= */
.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-head{font-weight:900;color:#166534;text-align:center;padding:8px}.calendar-day{min-height:135px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:0 8px 18px rgba(15,23,42,.04)}.calendar-day.muted{background:transparent;border:0;box-shadow:none}.calendar-day.today{border:2px solid var(--primary);background:#f0fdf4}.calendar-event{display:block;margin-top:7px;padding:7px 8px;border-radius:12px;background:#ecfdf5;color:#064e3b;text-decoration:none;font-size:13px;font-weight:800}.calendar-event small{display:block;color:#64748b;font-weight:700}.check-row{display:flex;align-items:center;gap:9px;margin:7px 0}.landing-body{background:#052e16;color:#fff}.landing-hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top right,#22c55e55,transparent 35%),linear-gradient(135deg,#052e16,#064e3b)}.landing-hero h1{font-size:54px;font-weight:950;letter-spacing:-.06em;line-height:1}.landing-hero p{font-size:20px;color:#dcfce7}.landing-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:28px;backdrop-filter:blur(10px);box-shadow:0 25px 60px rgba(0,0,0,.25)}.landing-card li{margin:12px 0;font-weight:700}.org-tabs{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap}.org-tabs .nav-item{display:inline-flex}.user-pill-link{text-decoration:none;display:inline-flex;align-items:center;gap:7px}.avatar-mini,.avatar-sm,.avatar,.avatar-lg{object-fit:cover;display:inline-grid;place-items:center;background:#dcfce7;color:#166534;font-weight:900;vertical-align:middle;flex-shrink:0}.avatar-mini{width:28px;height:28px;border-radius:9px;font-size:12px}.avatar-sm{width:38px;height:38px;border-radius:13px}.avatar{width:54px;height:54px;border-radius:18px}.avatar-lg{width:96px;height:96px;border-radius:28px}.user-identity{display:flex;align-items:center;gap:9px}.user-identity-text b{display:block;line-height:1.1}.user-identity-text small,.user-identity-text em{display:block;color:#64748b;font-size:12px;font-style:normal}.member-radio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.member-radio-card{border:1px solid var(--border);border-radius:16px;padding:10px;background:#fff;cursor:pointer}.member-radio-card input{margin-right:7px}.private-chat-users{display:flex;gap:8px;overflow-x:auto}.private-user{border:1px solid var(--border);border-radius:16px;padding:8px;text-decoration:none;color:var(--text);min-width:220px}.private-user.active{border-color:var(--primary);background:#f0fdf4}
@media(max-width:900px){.calendar-grid{grid-template-columns:1fr}.calendar-head{display:none}.calendar-day.muted{display:none}.landing-hero h1{font-size:38px}}

/* =========================
   PLANORA LOGO / PROFILE LIMITS FIX
========================= */
.brand-icon img{width:28px;height:28px;display:block;object-fit:contain}.login-logo img{width:38px;height:38px}.limit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.limit-row b{font-weight:850}

/* =========================================================
   PLANORA BRAND THEME - logo colors
   Turquoise / blue / coral / orange redesign
   Keep this block at the end.
========================================================= */
:root{
  --bg:#f6fbff;
  --card:#ffffff;
  --text:#101828;
  --muted:#667085;
  --primary:#13b8c7;
  --primary2:#0b8ed6;
  --secondary:#ff3e75;
  --accent:#ffb22e;
  --accent2:#ff7a3d;
  --border:#ddeaf2;
  --shadow:0 18px 45px rgba(16,24,40,.09);
  --radius:24px;
  --brand-gradient:linear-gradient(135deg,#5ee6bd 0%,#13b8c7 48%,#0b8ed6 100%);
  --warm-gradient:linear-gradient(135deg,#ff3e75 0%,#ff7a3d 55%,#ffb22e 100%);
  --dark-gradient:linear-gradient(180deg,#091527 0%,#0a2a3b 45%,#06344a 100%);
}

body{
  background:
    radial-gradient(circle at top right, rgba(19,184,199,.12), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255,62,117,.10), transparent 28%),
    var(--bg) !important;
}

.sidebar{
  background:
    radial-gradient(circle at 20% 0%, rgba(94,230,189,.20), transparent 32%),
    radial-gradient(circle at 0% 75%, rgba(255,62,117,.20), transparent 28%),
    linear-gradient(180deg,#071529 0%,#093047 48%,#06324a 100%) !important;
  border-right:1px solid rgba(255,255,255,.10);
}

.brand{
  padding:6px 4px 10px;
}

.brand-icon{
  width:48px !important;
  height:48px !important;
  border-radius:17px !important;
  background:#fff !important;
  box-shadow:0 14px 35px rgba(0,0,0,.18);
  overflow:hidden;
}

.brand-icon img{
  width:38px !important;
  height:38px !important;
  object-fit:contain !important;
  display:block !important;
}

.brand b{
  font-size:18px;
  letter-spacing:-.03em;
}

.brand small{
  color:#b8f8ff !important;
}

.nav-search{
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}

.nav-link{
  color:#eefbff !important;
  border:1px solid transparent;
}

.nav-link i{
  color:#b8f8ff;
}

.nav-link:hover,
.nav-link.active{
  background:linear-gradient(135deg,rgba(19,184,199,.22),rgba(255,62,117,.14)) !important;
  border-color:rgba(255,255,255,.16);
  color:#fff !important;
  box-shadow:0 12px 24px rgba(0,0,0,.14);
}

.nav-link:hover i,
.nav-link.active i{
  color:#fff;
}

.nav-link.danger{
  color:#ffd2dc !important;
}

.sidebar-bottom{
  border-top:1px solid rgba(255,255,255,.12) !important;
}

.content{
  background:transparent;
}

.topbar h1{
  color:#071529;
}

.date-pill,
.user-pill{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(221,234,242,.95) !important;
  box-shadow:0 12px 28px rgba(16,24,40,.07) !important;
  backdrop-filter:blur(10px);
}

.plan-pill.pro{
  background:linear-gradient(135deg,rgba(94,230,189,.18),rgba(19,184,199,.16)) !important;
  border-color:rgba(19,184,199,.32) !important;
  color:#076678 !important;
}

.plan-pill.free{
  background:linear-gradient(135deg,rgba(255,178,46,.18),rgba(255,62,117,.10)) !important;
  border-color:rgba(255,122,61,.32) !important;
  color:#9f2f45 !important;
}

.cardx,.stat,.stat-card,.profile-card,.plan-card,.kanban-card,.calendar-day,.quick-link{
  border:1px solid rgba(221,234,242,.95) !important;
  box-shadow:var(--shadow) !important;
}

.cardx,.stat,.stat-card,.profile-card,.plan-card{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(10px);
}

.btn-primary{
  background:var(--brand-gradient) !important;
  border:0 !important;
  box-shadow:0 12px 25px rgba(19,184,199,.24);
}

.btn-primary:hover{
  filter:brightness(.96);
  transform:translateY(-1px);
}

.btn-outline-success{
  border-color:rgba(19,184,199,.55) !important;
  color:#087b8f !important;
}

.btn-outline-success:hover{
  background:var(--brand-gradient) !important;
  color:#fff !important;
  border-color:transparent !important;
}

.btn-success,
.bg-success{
  background:#13b8c7 !important;
}

.text-success{
  color:#0b8ed6 !important;
}

.badge.bg-warning,
.text-bg-warning{
  background:var(--warm-gradient) !important;
  color:#fff !important;
}

.badge.bg-success,
.text-bg-success{
  background:linear-gradient(135deg,#13b8c7,#0b8ed6) !important;
}

.form-control:focus,
.form-select:focus{
  border-color:#13b8c7 !important;
  box-shadow:0 0 0 .22rem rgba(19,184,199,.18) !important;
}

.stat .icon,
.quick-link i,
.bottom-nav i{
  background:linear-gradient(135deg,rgba(94,230,189,.23),rgba(19,184,199,.16));
  color:#087b8f !important;
}

.quick-link:hover{
  transform:translateY(-2px);
  border-color:rgba(19,184,199,.35) !important;
}

.progress{
  background:#e9f3f7 !important;
}

.progress-bar{
  background:var(--brand-gradient) !important;
}

.kanban-col{
  background:linear-gradient(180deg,#eefcff,#fff7fb) !important;
  border-color:#d9eef5 !important;
}

.roki-card{
  background:var(--warm-gradient) !important;
}

.roki-bottom{
  background:linear-gradient(135deg,#071529,#093047) !important;
}

.notification-row.unread{
  background:#eefcff !important;
}

.profile-hero{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg,#13b8c7 0%,#0b8ed6 52%,#ff3e75 100%) !important;
}

.profile-hero::after{
  background:rgba(255,255,255,.16) !important;
}

.profile-hero .avatar-lg,
.profile-avatar-lg,
.profile-current-photo{
  border-color:rgba(255,255,255,.72) !important;
}

.member-role-badge,
.file-access-badge{
  background:#eefcff !important;
  color:#087b8f !important;
  border-color:#b8f8ff !important;
}

.nav-pills .nav-link{
  color:#087b8f !important;
  background:#eefcff !important;
}

.nav-pills .nav-link.active{
  background:var(--brand-gradient) !important;
  color:#fff !important;
}

.bottom-nav{
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(12px);
}

.mobile-menu-btn{
  background:var(--brand-gradient) !important;
}

/* Auth pages */
.auth-body{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 18% 10%, rgba(94,230,189,.35), transparent 26%),
    radial-gradient(circle at 88% 16%, rgba(19,184,199,.32), transparent 26%),
    radial-gradient(circle at 80% 88%, rgba(255,62,117,.25), transparent 28%),
    linear-gradient(135deg,#071529 0%,#093047 48%,#f6fbff 48%,#ffffff 100%) !important;
}

.auth-shell{
  width:min(1080px,100%);
  display:grid;
  grid-template-columns:1.05fr 440px;
  gap:22px;
  align-items:stretch;
}

.auth-side{
  color:#fff;
  padding:44px;
  border-radius:34px;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
  overflow:hidden;
  position:relative;
}

.auth-side::after{
  content:"";
  position:absolute;
  right:-120px;
  bottom:-120px;
  width:320px;
  height:320px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(255,62,117,.38),rgba(255,178,46,.28));
}

.auth-logo-large{
  width:96px;
  height:96px;
  border-radius:30px;
  background:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 18px 45px rgba(0,0,0,.22);
  margin-bottom:28px;
}

.auth-logo-large img{
  width:78px;
  height:78px;
  object-fit:contain;
}

.auth-side h1{
  font-size:46px;
  line-height:1;
  letter-spacing:-.06em;
  font-weight:950;
  max-width:560px;
  position:relative;
  z-index:2;
}

.auth-side p{
  color:#d9fbff;
  font-size:18px;
  max-width:580px;
  margin-top:18px;
  position:relative;
  z-index:2;
}

.auth-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(150px,1fr));
  gap:12px;
  margin-top:30px;
  position:relative;
  z-index:2;
}

.auth-feature-grid span{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:12px 14px;
  font-weight:800;
  color:#fff;
}

.auth-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.75);
  border-radius:34px;
  padding:34px;
  box-shadow:0 30px 80px rgba(16,24,40,.18);
  align-self:center;
}

.auth-logo{
  width:76px;
  height:76px;
  border-radius:24px;
  background:#fff;
  display:grid;
  place-items:center;
  box-shadow:0 14px 35px rgba(19,184,199,.18);
  border:1px solid #eef5f8;
}

.auth-logo img{
  width:62px;
  height:62px;
  object-fit:contain;
}

.fw-black{font-weight:950;letter-spacing:-.04em;}
.auth-submit{padding:12px 16px;border-radius:16px;}
.auth-demo{font-size:13px;color:#667085;text-align:center;background:#f6fbff;border:1px solid #ddeaf2;border-radius:16px;padding:12px;}

/* Landing */
.planora-landing .landing-hero{
  background:
    radial-gradient(circle at 18% 12%, rgba(94,230,189,.34), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(19,184,199,.30), transparent 26%),
    radial-gradient(circle at 88% 82%, rgba(255,62,117,.28), transparent 30%),
    linear-gradient(135deg,#071529 0%,#093047 58%,#0b2740 100%) !important;
}

.landing-nav{
  position:fixed;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:min(1120px,calc(100% - 32px));
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:10px 12px;
  border-radius:24px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
}

.landing-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:19px;}
.landing-brand img{width:42px;height:42px;border-radius:14px;background:#fff;object-fit:contain;padding:3px;}
.planora-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);color:#fff;border-radius:999px;padding:8px 12px;font-weight:900;}
.planora-showcase{position:relative;overflow:hidden;}
.showcase-logo{width:100px;height:100px;object-fit:contain;background:#fff;border-radius:30px;padding:8px;box-shadow:0 18px 50px rgba(0,0,0,.20);margin-bottom:18px;}
.planora-showcase li{list-style:none;display:flex;gap:9px;align-items:flex-start;}
.planora-showcase ul{padding-left:0;}
.planora-showcase i{color:#5ee6bd;}

/* Favicon/logo images never stretch */
img[src*="planora_logo"],
img[src*="favicon"],
img[src*="icon-192"]{
  object-fit:contain;
}

@media(max-width:900px){
  .auth-body{padding:16px;background:linear-gradient(180deg,#071529,#093047 42%,#f6fbff 42%,#fff 100%)!important;}
  .auth-shell{grid-template-columns:1fr;}
  .auth-side{padding:28px;border-radius:28px;}
  .auth-side h1{font-size:34px;}
  .auth-card{padding:24px;border-radius:28px;}
  .auth-feature-grid{grid-template-columns:1fr 1fr;}
  .landing-nav{top:10px;}
}

/* =========================
   LOCKED NAV / LOCKED PAGES
========================= */
.nav-link.nav-link-locked{
  opacity:.72;
  color:#d7dee8 !important;
  border:1px dashed rgba(255,255,255,.20);
  background:rgba(255,255,255,.06);
}
.nav-link.nav-link-locked:hover{
  opacity:1;
  background:rgba(255,255,255,.12);
}
.nav-link.nav-link-locked small{
  margin-left:auto;
  font-size:10px;
  font-weight:900;
  color:#ffd1dc;
  background:rgba(255,255,255,.12);
  padding:2px 7px;
  border-radius:999px;
  white-space:nowrap;
}
.locked-page-card{
  max-width:860px;
  margin:40px auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius:30px;
  box-shadow:var(--shadow);
  padding:34px;
  text-align:center;
}
.locked-icon{
  width:78px;
  height:78px;
  margin:0 auto 16px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:34px;
  color:#fff;
  background:linear-gradient(135deg,#13b8c7,#ff3f7f,#ffb323);
  box-shadow:0 16px 36px rgba(19,184,199,.22);
}
.locked-page-card h2{
  font-weight:950;
  letter-spacing:-.04em;
  margin-bottom:10px;
}
.locked-page-card p{
  color:var(--muted);
  max-width:660px;
  margin:0 auto 18px;
  font-size:16px;
}
.locked-actions{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
}
.locked-note{
  text-align:left;
  background:#f8fafc;
  border:1px solid var(--border);
  border-radius:18px;
  padding:16px;
  color:#334155;
}
.locked-inline-alert{
  display:flex;
  gap:14px;
  align-items:flex-start;
  background:#fff7ed;
  color:#9a3412;
  border:1px solid #fed7aa;
  border-radius:18px;
  padding:16px;
  margin-bottom:18px;
  box-shadow:var(--shadow);
}
.locked-inline-alert i{font-size:22px;}
@media(max-width:900px){
  .locked-page-card{margin:18px 0;padding:24px;}
}

/* =========================
   V13 NAV ORGANIZATION / FULL PROJECT FIX
========================= */
.brand{
  text-decoration:none !important;
}
.main-nav{
  display:block;
}
.nav-section{
  color:rgba(255,255,255,.48);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  margin:16px 8px 6px;
  padding-top:4px;
}
.nav-section:first-child{
  margin-top:4px;
}
.nav-link small{
  margin-left:auto;
  font-size:10px;
  line-height:1;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.75);
  white-space:nowrap;
}
.nav-link.nav-link-locked{
  color:rgba(255,255,255,.62) !important;
  background:rgba(255,255,255,.055);
}
.nav-link.nav-link-locked i{
  color:#ffd166;
}
.nav-link.nav-link-locked:hover{
  color:#fff !important;
  background:rgba(255,255,255,.13);
}
.nav-link.nav-link-locked small{
  background:rgba(255,209,102,.18);
  color:#ffd166;
}
.sidebar{
  height:100vh !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}
.sidebar .brand,
.sidebar .nav-search,
.sidebar .sidebar-bottom{
  flex-shrink:0 !important;
}
.sidebar nav,
.sidebar .main-nav{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding-right:4px !important;
  padding-bottom:12px !important;
}
.sidebar nav::-webkit-scrollbar,
.sidebar .main-nav::-webkit-scrollbar{
  width:6px !important;
}
.sidebar nav::-webkit-scrollbar-thumb,
.sidebar .main-nav::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.30) !important;
  border-radius:20px !important;
}
.sidebar nav::-webkit-scrollbar-track,
.sidebar .main-nav::-webkit-scrollbar-track{
  background:transparent !important;
}
.sidebar-bottom{
  flex-shrink:0 !important;
  margin-top:10px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}
.empty-state.locked-state{
  background:linear-gradient(180deg,#fff,#f8fdff);
  border:1px dashed rgba(19,184,199,.45);
  border-radius:28px;
  padding:36px;
  box-shadow:var(--shadow);
}
.empty-state.locked-state .locked-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#13b8c7,#ff4d7d,#ffb32c);
  color:white;
  font-size:28px;
}
@media(max-width:900px){
  .nav-section{margin-top:14px;}
  .nav-link small{display:none;}
}

/* =========================
   V14 TODAY DASHBOARD REDESIGN
========================= */
.today-page{
  display:block;
}

.today-hero{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  margin-bottom:18px;
  background:linear-gradient(135deg,#33dfc1 0%,#12a7df 48%,#ff4b83 100%);
  box-shadow:0 24px 60px rgba(18,167,223,.22);
}

.today-hero-bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 15%,rgba(255,255,255,.42),transparent 28%),
    radial-gradient(circle at 82% 20%,rgba(255,255,255,.30),transparent 30%),
    radial-gradient(circle at 75% 95%,rgba(255,184,51,.38),transparent 28%);
}

.today-hero-content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 360px;
  gap:22px;
  align-items:stretch;
  padding:28px;
  color:#fff;
}

.today-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  font-weight:850;
  font-size:13px;
  margin-bottom:12px;
}

.today-hero h2{
  font-size:34px;
  line-height:1.08;
  letter-spacing:-.05em;
  font-weight:950;
  margin:0 0 8px;
}

.today-hero p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-weight:600;
  font-size:15px;
}

.today-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.btn-hero-outline{
  border:1px solid rgba(255,255,255,.46);
  color:#fff;
  background:rgba(255,255,255,.12);
}

.btn-hero-outline:hover{
  color:#07364a;
  background:#fff;
}

.today-focus-card{
  background:rgba(255,255,255,.92);
  color:#0f172a;
  border-radius:24px;
  padding:16px;
  box-shadow:0 18px 40px rgba(15,23,42,.16);
  backdrop-filter:blur(14px);
}

.today-focus-card > span{
  display:block;
  color:#64748b;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:10px;
}

.focus-item{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  border-radius:16px;
  background:#f8fafc;
  margin-bottom:8px;
}

.focus-item b{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#33dfc1,#12a7df);
  color:#fff;
  flex-shrink:0;
}

.focus-item strong,
.compact-row b,
.task-info b{
  display:block;
  font-weight:900;
}

.focus-item small,
.compact-row span,
.task-info span{
  display:block;
  color:#64748b;
  font-size:13px;
  margin-top:2px;
}

.empty-mini{
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  color:#64748b;
  padding:14px;
  border-radius:16px;
  font-weight:700;
}

.today-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-bottom:14px;
}

.today-stat-card{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(226,232,240,.9);
  box-shadow:0 14px 35px rgba(15,23,42,.07);
  text-decoration:none;
  color:#0f172a;
  min-height:128px;
  transition:.18s ease;
}

.today-stat-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 45px rgba(15,23,42,.11);
}

.today-stat-card span{
  display:block;
  color:#64748b;
  font-weight:900;
  font-size:13px;
}

.today-stat-card strong{
  display:block;
  font-size:30px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.05em;
  margin:6px 0;
}

.today-stat-card small{
  color:#64748b;
  font-weight:700;
}

.danger-text{
  color:#ef4444 !important;
}

.today-stat-card em{
  width:50px;
  height:50px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(51,223,193,.22),rgba(18,167,223,.18));
  color:#0797b8;
  font-size:22px;
  flex-shrink:0;
  font-style:normal;
}

.mini-progress{
  height:8px;
  border-radius:999px;
  background:#e2e8f0;
  overflow:hidden;
  min-width:150px;
  margin-top:8px;
}

.mini-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#33dfc1,#12a7df);
}

.today-inbox-card{
  background:#fff;
  border:1px solid rgba(226,232,240,.9);
  border-radius:24px;
  padding:14px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
  margin-bottom:14px;
}

.today-inbox-card form{
  display:flex;
  align-items:center;
  gap:12px;
}

.inbox-icon{
  width:48px;
  height:48px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#ff4b83,#ffb833);
  box-shadow:0 12px 25px rgba(255,75,131,.20);
  flex-shrink:0;
}

.inbox-field{
  flex:1;
}

.inbox-field label{
  font-weight:900;
  font-size:13px;
  margin-bottom:5px;
}

.quick-action-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
  margin-bottom:14px;
}

.quick-action-card{
  display:block;
  text-decoration:none;
  color:#0f172a;
  background:#fff;
  border:1px solid rgba(226,232,240,.9);
  border-radius:22px;
  padding:16px;
  box-shadow:0 14px 35px rgba(15,23,42,.065);
  transition:.18s ease;
  position:relative;
  overflow:hidden;
}

.quick-action-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  right:0;
  height:5px;
  background:linear-gradient(90deg,#33dfc1,#12a7df,#ff4b83,#ffb833);
}

.quick-action-card:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 45px rgba(15,23,42,.105);
}

.quick-action-card i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:14px;
  color:#078faf;
  background:#e9fbff;
  margin-bottom:10px;
  font-size:19px;
}

.quick-action-card span{
  display:block;
  font-weight:950;
}

.quick-action-card small{
  display:block;
  color:#64748b;
  margin-top:2px;
  font-weight:650;
}

.today-main-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:14px;
  margin-bottom:14px;
}

.today-panel,
.today-review-card{
  background:#fff;
  border:1px solid rgba(226,232,240,.9);
  border-radius:24px;
  box-shadow:0 14px 35px rgba(15,23,42,.07);
  padding:18px;
}

.today-panel-large{
  grid-row:span 2;
}

.panel-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  margin-bottom:12px;
}

.panel-head h3{
  font-size:18px;
  font-weight:950;
  letter-spacing:-.03em;
  margin:0;
}

.panel-head p{
  color:#64748b;
  font-weight:650;
  margin:3px 0 0;
  font-size:13px;
}

.task-list-modern{
  display:grid;
  gap:9px;
}

.task-row-modern{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border-radius:18px;
  background:#f8fafc;
  border:1px solid #eef2f7;
}

.task-check{
  color:#12a7df;
  font-size:20px;
  flex-shrink:0;
}

.task-info{
  flex:1;
  min-width:0;
}

.btn-success-soft{
  border:1px solid #99f6e4;
  background:#ecfeff;
  color:#078faf;
  font-weight:900;
}

.btn-success-soft:hover{
  background:#12a7df;
  color:#fff;
}

.compact-row{
  padding:11px 0;
  border-bottom:1px solid #eef2f7;
}

.compact-row:last-child{
  border-bottom:0;
}

.compact-row.with-badge{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
}

.empty-line{
  color:#64748b;
  font-weight:700;
  padding:12px;
  background:#f8fafc;
  border-radius:16px;
}

.empty-state-soft{
  display:grid;
  gap:4px;
  place-items:center;
  text-align:center;
  background:#f8fafc;
  border:1px dashed #cbd5e1;
  color:#64748b;
  border-radius:20px;
  padding:30px 16px;
}

.empty-state-soft i{
  font-size:38px;
  color:#33dfc1;
}

.empty-state-soft b{
  color:#0f172a;
  font-size:18px;
}

.today-review-card{
  margin-bottom:20px;
}

.review-date{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:9px 12px;
  background:#f8fafc;
  color:#334155;
  font-weight:850;
  border:1px solid #e2e8f0;
}

.review-text-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:12px;
}

.review-score-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr) 2fr 160px;
  gap:12px;
  align-items:end;
}

.review-form-modern label{
  font-weight:850;
  font-size:13px;
  margin-bottom:5px;
  color:#334155;
}

@media(max-width:1200px){
  .today-hero-content{
    grid-template-columns:1fr;
  }

  .today-stats-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .quick-action-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .today-main-grid{
    grid-template-columns:1fr;
  }

  .today-panel-large{
    grid-row:auto;
  }

  .review-score-grid{
    grid-template-columns:repeat(3,1fr);
  }

  .note-field,
  .save-field{
    grid-column:auto;
  }
}

@media(max-width:700px){
  .today-hero-content{
    padding:20px;
  }

  .today-hero h2{
    font-size:27px;
  }

  .today-stats-grid,
  .quick-action-grid,
  .review-text-grid,
  .review-score-grid{
    grid-template-columns:1fr;
  }

  .today-inbox-card form{
    display:grid;
  }

  .panel-head{
    display:block;
  }

  .panel-head .btn,
  .review-date{
    margin-top:10px;
  }
}

/* =========================================================
   PLANORA V15 — PROFESSIONAL GLOBAL UI POLISH
   Subtle, consistent look for all pages. Keep at end.
========================================================= */
:root{
  --bg:#f4f8fb;
  --card:#ffffff;
  --text:#101828;
  --muted:#667085;
  --primary:#13b8c7;
  --primary2:#0b8ed6;
  --secondary:#ff3e75;
  --accent:#ffb22e;
  --border:#dce8f0;
  --shadow:0 18px 45px rgba(16,24,40,.08);
  --shadow-soft:0 8px 22px rgba(16,24,40,.055);
  --radius:22px;
  --brand-gradient:linear-gradient(135deg,#5ee6bd 0%,#13b8c7 52%,#0b8ed6 100%);
  --warm-gradient:linear-gradient(135deg,#ff3e75 0%,#ff7a3d 55%,#ffb22e 100%);
  --soft-gradient:linear-gradient(135deg,rgba(94,230,189,.16),rgba(19,184,199,.12),rgba(11,142,214,.08));
}

html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 92% -8%, rgba(19,184,199,.16), transparent 32%),
    radial-gradient(circle at -8% 96%, rgba(255,62,117,.08), transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#f2f7fb 100%) !important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Layout */
.content{
  padding:26px 30px 110px !important;
}

.topbar{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(220,232,240,.88);
  border-radius:28px;
  padding:18px 20px;
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(14px);
  position:relative;
  overflow:visible !important;
  z-index:50;
}
.topbar:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:7px;
  background:var(--brand-gradient);
}
.topbar h1{
  font-size:29px !important;
  line-height:1.1;
  color:#0b1b2b;
}
.topbar p{
  color:#64748b !important;
  font-weight:600;
}
.top-actions{align-items:center;}
.date-pill,.user-pill{
  border:1px solid rgba(220,232,240,.96) !important;
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 10px 26px rgba(16,24,40,.07) !important;
  color:#1f3448 !important;
}
.plan-pill.pro,.plan-pill.free{
  background:linear-gradient(135deg,rgba(94,230,189,.28),rgba(19,184,199,.18)) !important;
  border-color:rgba(19,184,199,.35) !important;
  color:#075e65 !important;
}

/* Sidebar */
.sidebar{
  background:
    radial-gradient(circle at 12% 2%, rgba(94,230,189,.20), transparent 28%),
    radial-gradient(circle at 0% 78%, rgba(255,62,117,.16), transparent 30%),
    linear-gradient(180deg,#081526 0%,#0a2a3e 48%,#07354c 100%) !important;
}
.nav-section{
  color:rgba(226,248,255,.62) !important;
  font-size:11px;
  letter-spacing:.085em;
  text-transform:uppercase;
  font-weight:900;
  margin:16px 8px 7px;
}
.nav-link{
  min-height:42px;
  font-size:14px;
  letter-spacing:-.01em;
}
.nav-link i{font-size:17px;}
.nav-link small{
  margin-left:auto;
  font-size:10px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(255,178,46,.22);
  color:#ffe7ae;
  white-space:nowrap;
}
.nav-link-locked{
  opacity:.72;
  border:1px dashed rgba(255,255,255,.14) !important;
}
.sidebar-bottom{background:linear-gradient(180deg,rgba(7,53,76,0),rgba(7,53,76,.96) 20%) !important;}

/* Cards */
.cardx,.stat,.stat-card,.profile-card,.plan-card{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(220,232,240,.96) !important;
  border-radius:24px !important;
  box-shadow:var(--shadow-soft) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cardx:hover,.stat:hover,.stat-card:hover,.plan-card:hover{
  box-shadow:0 18px 42px rgba(16,24,40,.09) !important;
  border-color:rgba(19,184,199,.22) !important;
}
.cardx{padding:20px !important;}
.section-title,.cardx h3,.cardx h4,.stat-card b{
  color:#0b1b2b;
  letter-spacing:-.025em;
}
.section-title{
  display:flex;
  align-items:center;
  gap:8px;
}
.section-title:before{
  content:"";
  width:8px;
  height:22px;
  border-radius:999px;
  background:var(--brand-gradient);
  display:inline-block;
  flex-shrink:0;
}
.small-muted,.text-muted{color:#6b7c8f !important;}

/* Stats */
.stat .value,.stat-card b{
  color:#0b1b2b;
}
.stat .icon{
  background:linear-gradient(135deg,rgba(94,230,189,.26),rgba(19,184,199,.16)) !important;
  color:#0b8b98 !important;
}

/* Forms */
.form-control,.form-select{
  border-radius:15px !important;
  border:1px solid #d8e5ee !important;
  background:#fff !important;
  min-height:43px;
  box-shadow:none !important;
}
textarea.form-control{min-height:92px;}
.form-control:focus,.form-select:focus{
  border-color:rgba(19,184,199,.72) !important;
  box-shadow:0 0 0 .22rem rgba(19,184,199,.12) !important;
}
.form-label,label{
  color:#26384b;
  font-weight:750;
  font-size:14px;
  margin-bottom:6px;
}
.form-check-input:checked{
  background-color:#13b8c7 !important;
  border-color:#13b8c7 !important;
}

/* Buttons */
.btn{
  border-radius:14px !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  box-shadow:none !important;
}
.btn-primary,.btn-success{
  background:var(--brand-gradient) !important;
  border:0 !important;
  color:#fff !important;
}
.btn-primary:hover,.btn-success:hover{
  filter:saturate(1.05) brightness(.98);
  transform:translateY(-1px);
}
.btn-outline-primary,.btn-outline-success{
  color:#0b8b98 !important;
  border-color:rgba(19,184,199,.52) !important;
  background:#fff !important;
}
.btn-outline-primary:hover,.btn-outline-success:hover{
  color:#fff !important;
  background:var(--brand-gradient) !important;
}
.btn-danger,.btn-outline-danger:hover{
  background:linear-gradient(135deg,#ff3e75,#ff6b4a) !important;
  border:0 !important;
}

/* Tables */
.table-responsive{
  border-radius:18px;
}
.table{
  margin-bottom:0 !important;
  border-collapse:separate;
  border-spacing:0;
}
.table thead th,.table tbody tr:first-child th{
  background:#f4f9fc !important;
  color:#62758a !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase;
  border-bottom:1px solid #dce8f0 !important;
  padding:12px 12px !important;
}
.table tbody td,.table tbody th{
  padding:12px 12px !important;
  border-bottom:1px solid #e7eff5 !important;
}
.table tbody tr:hover td{
  background:rgba(19,184,199,.035);
}
.table b{color:#0b1b2b;}

/* Badges */
.badge{
  font-weight:850 !important;
  letter-spacing:-.01em;
}
.text-bg-primary,.bg-primary{
  background:#13b8c7 !important;
}
.text-bg-success,.bg-success{
  background:#17b982 !important;
}
.text-bg-danger,.bg-danger{
  background:#ff4d72 !important;
}
.text-bg-warning,.bg-warning{
  background:#ffcf5a !important;
  color:#4d3500 !important;
}
.text-bg-secondary,.bg-secondary{
  background:#8393a7 !important;
}

/* Progress */
.progress{
  background:#e9f2f6 !important;
  height:10px !important;
  overflow:hidden;
}
.progress-bar{
  background:var(--brand-gradient) !important;
}

/* Lists, rows, common content */
.border-bottom{border-bottom-color:#e7eff5 !important;}
hr{border-color:#e3edf4 !important;opacity:1;}
.alert{
  border-radius:18px !important;
  border:1px solid rgba(220,232,240,.9) !important;
}
.alert-success{
  background:rgba(94,230,189,.18) !important;
  color:#075e65 !important;
}
.alert-warning{
  background:rgba(255,178,46,.16) !important;
  color:#6b4300 !important;
}
.alert-danger{
  background:rgba(255,62,117,.12) !important;
  color:#8a1634 !important;
}

/* Page specific common polish */
.quick-link{
  border-radius:20px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:var(--shadow-soft) !important;
}
.quick-link:hover{
  transform:translateY(-2px);
  border-color:rgba(19,184,199,.28) !important;
}
.quick-link i{color:#13b8c7 !important;}

.kanban-col{
  background:linear-gradient(180deg,#f2fbfc,#f8fbff) !important;
  border-color:#dcecf2 !important;
}
.kanban-card{
  border-radius:18px !important;
  box-shadow:0 8px 18px rgba(16,24,40,.055) !important;
}
.calendar-day,.meeting-card,.template-card,.client-card,.task-card,.file-card,.org-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow-soft);
}
.empty-state{
  background:linear-gradient(180deg,#fff,#f8fcff) !important;
  border:1px dashed rgba(19,184,199,.45) !important;
  color:#61758b !important;
}

/* Rich page hero for pages that use simple topbar only */
.page-intro-card{
  background:linear-gradient(135deg,rgba(94,230,189,.18),rgba(19,184,199,.13),rgba(255,62,117,.07));
  border:1px solid rgba(19,184,199,.20);
  border-radius:26px;
  padding:20px;
  box-shadow:var(--shadow-soft);
}

/* Profile / organization user cards */
.avatar-mini,.avatar-sm,.avatar,.avatar-lg{
  background:linear-gradient(135deg,rgba(94,230,189,.32),rgba(19,184,199,.20)) !important;
  color:#075e65 !important;
  border:1px solid rgba(19,184,199,.18);
}
.user-identity,.private-user,.member-radio-card{
  border-radius:18px !important;
}
.private-user.active,.member-radio-card:has(input:checked){
  background:linear-gradient(135deg,rgba(94,230,189,.18),rgba(19,184,199,.10)) !important;
  border-color:rgba(19,184,199,.42) !important;
}
.chat-box,.private-chat-box{
  background:linear-gradient(180deg,#f8fcff,#ffffff) !important;
  border:1px solid #dce8f0 !important;
  border-radius:22px !important;
}
.private-msg>div{
  border-radius:20px !important;
}
.private-msg.mine>div{
  background:linear-gradient(135deg,rgba(94,230,189,.25),rgba(19,184,199,.13)) !important;
}

/* Login / register consistency */
.login-card,.auth-card{
  border-radius:30px !important;
  box-shadow:0 24px 70px rgba(16,24,40,.12) !important;
}

/* Responsive */
@media(max-width:900px){
  .content{padding:16px 12px 96px !important;}
  .topbar{border-radius:22px;padding:16px;}
  .topbar h1{font-size:24px !important;}
  .cardx{padding:16px !important;border-radius:20px !important;}
  .table thead{display:none;}
  .table tbody tr{display:block;border-bottom:1px solid #e7eff5;padding:8px 0;}
  .table tbody td{display:block;border-bottom:0 !important;padding:6px 4px !important;}
  .table tbody td:empty{display:none;}
}

/* =========================================================
   V16 CALM PLANORA PALETTE - final visual override
   Clean SaaS look matching the logo without strong gradients
========================================================= */
:root{
  --bg:#f6fafc !important;
  --card:#ffffff !important;
  --text:#122033 !important;
  --muted:#66788a !important;
  --primary:#14a8b8 !important;
  --primary2:#0f7f91 !important;
  --brand-teal:#43d7c8 !important;
  --brand-cyan:#14a8b8 !important;
  --brand-blue:#2388c7 !important;
  --brand-coral:#f25776 !important;
  --brand-orange:#f4a73d !important;
  --brand-navy:#102a3a !important;
  --brand-navy-2:#0b2130 !important;
  --border:#dce9ef !important;
  --shadow:0 16px 38px rgba(20,40,60,.07) !important;
  --shadow-soft:0 8px 24px rgba(20,40,60,.055) !important;
  --radius:22px !important;
  --brand-gradient:linear-gradient(135deg,#43d7c8,#14a8b8) !important;
}

body{
  background:
    radial-gradient(circle at top right, rgba(67,215,200,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(242,87,118,.07), transparent 28%),
    var(--bg) !important;
  color:var(--text) !important;
}

/* Sidebar: calmer and closer to content colors */
.sidebar{
  background:linear-gradient(180deg,#102a3a 0%,#0c2a3a 48%,#092231 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:12px 0 32px rgba(7,22,33,.18) !important;
}
.brand{
  color:#fff !important;
  text-decoration:none !important;
}
.brand-icon{
  background:#ffffff !important;
  border-radius:16px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
.brand-icon img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
}
.brand small{color:#9ee5df !important;}
.nav-search{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.nav-search input::placeholder{color:#b7cbd6 !important;}
.nav-section{
  color:#8fa5b3 !important;
  letter-spacing:.08em !important;
}
.nav-link{
  color:#d8e8ef !important;
  border:1px solid transparent !important;
  background:transparent !important;
}
.nav-link i{color:#9ee5df !important;}
.nav-link:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#fff !important;
}
.nav-link.active{
  background:linear-gradient(135deg,rgba(67,215,200,.16),rgba(20,168,184,.08)) !important;
  border-color:rgba(67,215,200,.25) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.nav-link.active i{color:#60eadf !important;}
.nav-link.nav-link-locked{
  opacity:.68 !important;
  background:rgba(255,255,255,.035) !important;
}
.nav-link.nav-link-locked small{
  color:#e7bd62 !important;
  background:rgba(244,167,61,.14) !important;
}
.sidebar-bottom{
  background:linear-gradient(180deg,rgba(9,34,49,0),rgba(9,34,49,.98) 24%) !important;
}

/* Topbar and basic chrome */
.content{background:transparent !important;}
.topbar{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(220,233,239,.75) !important;
  box-shadow:var(--shadow-soft) !important;
  backdrop-filter:blur(10px) !important;
}
.topbar h1{color:#122033 !important;}
.topbar p{color:#66788a !important;}
.date-pill,.user-pill{
  background:#fff !important;
  border-color:#dce9ef !important;
  color:#26384b !important;
  box-shadow:var(--shadow-soft) !important;
}
.plan-pill.pro,.plan-pill.free{
  background:#eefdfc !important;
  border-color:#bdeee8 !important;
  color:#0b7482 !important;
}

/* Cards and stats */
.cardx,.stat,.stat-card,.today-stat-card,.today-panel,.today-review,.today-quick-inbox{
  background:rgba(255,255,255,.94) !important;
  border:1px solid rgba(220,233,239,.95) !important;
  box-shadow:var(--shadow-soft) !important;
}
.stat .icon,.today-stat-card em{
  background:#eefdfc !important;
  color:#0f7f91 !important;
}
.stat .value,.today-stat-card strong{color:#122033 !important;}

/* Today dashboard hero: pleasant, not too colorful */
.today-hero{
  background:
    linear-gradient(135deg,rgba(255,255,255,.97),rgba(239,253,252,.96)) !important;
  border:1px solid rgba(189,238,232,.85) !important;
  box-shadow:0 18px 42px rgba(20,40,60,.075) !important;
  color:#122033 !important;
  overflow:hidden !important;
}
.today-hero-bg{
  background:
    radial-gradient(circle at 18% 15%,rgba(67,215,200,.28),transparent 34%),
    radial-gradient(circle at 88% 16%,rgba(20,168,184,.16),transparent 30%),
    radial-gradient(circle at 95% 90%,rgba(242,87,118,.10),transparent 35%) !important;
  opacity:1 !important;
}
.today-kicker{
  background:#ffffff !important;
  border:1px solid rgba(189,238,232,.95) !important;
  color:#0b7482 !important;
  box-shadow:0 8px 22px rgba(20,168,184,.09) !important;
}
.today-hero h2{
  color:#102033 !important;
  text-shadow:none !important;
}
.today-hero p{
  color:#4e6477 !important;
  text-shadow:none !important;
}
.today-hero .btn-light{
  background:#ffffff !important;
  color:#122033 !important;
  border:1px solid #dce9ef !important;
  box-shadow:0 9px 20px rgba(20,40,60,.07) !important;
}
.btn-hero-outline{
  background:#f7fbfc !important;
  color:#0b7482 !important;
  border:1px solid rgba(20,168,184,.28) !important;
  box-shadow:none !important;
}
.btn-hero-outline:hover{
  background:#eefdfc !important;
  color:#0b7482 !important;
  transform:translateY(-1px);
}
.today-focus-card{
  background:#ffffff !important;
  border:1px solid #dce9ef !important;
  box-shadow:0 14px 34px rgba(20,40,60,.08) !important;
  color:#122033 !important;
}
.today-focus-card span{
  color:#66788a !important;
}
.focus-item{
  background:#f8fbfc !important;
  border:1px solid #e3eef3 !important;
}
.focus-item b{
  background:#14a8b8 !important;
  color:#fff !important;
}
.focus-item strong{color:#122033 !important;}
.focus-item small{color:#66788a !important;}

/* Quick actions and mini items */
.quick-action-card,.quick-link{
  background:#fff !important;
  border:1px solid #dce9ef !important;
  box-shadow:var(--shadow-soft) !important;
}
.quick-action-card:hover,.quick-link:hover{
  border-color:#bdeee8 !important;
  box-shadow:0 14px 32px rgba(20,168,184,.10) !important;
}
.quick-action-card i,.quick-link i{
  background:#eefdfc !important;
  color:#0f7f91 !important;
}
.mini-progress{background:#eaf2f5 !important;}
.mini-progress i{background:linear-gradient(90deg,#43d7c8,#14a8b8) !important;}

/* Buttons: minimal accent, no aggressive pink/orange */
.btn-primary,.btn-success{
  background:linear-gradient(135deg,#43d7c8,#14a8b8) !important;
  border:0 !important;
  color:#fff !important;
}
.btn-primary:hover,.btn-success:hover{
  background:linear-gradient(135deg,#35c9bb,#0f92a5) !important;
}
.btn-outline-primary,.btn-outline-success{
  color:#0b7482 !important;
  border-color:#a9e7e1 !important;
  background:#fff !important;
}
.btn-outline-primary:hover,.btn-outline-success:hover{
  background:#eefdfc !important;
  color:#0b7482 !important;
  border-color:#43d7c8 !important;
}
.btn-danger,.btn-outline-danger:hover{
  background:#f25776 !important;
  border-color:#f25776 !important;
  color:#fff !important;
}

/* Tables/forms remain soft */
.form-control,.form-select{
  border-color:#dce9ef !important;
  background:#fff !important;
}
.form-control:focus,.form-select:focus{
  border-color:#7edfd8 !important;
  box-shadow:0 0 0 .20rem rgba(20,168,184,.10) !important;
}
.table thead th{
  background:#f5fafb !important;
  color:#66788a !important;
}
.table tbody tr:hover td{background:#f8fcfd !important;}
.badge.bg-warning,.text-bg-warning{
  background:#f4c95d !important;
  color:#4c3a00 !important;
}
.badge.bg-danger,.text-bg-danger{
  background:#f25776 !important;
}
.badge.bg-success,.text-bg-success{
  background:#12a886 !important;
}
.progress-bar{background:linear-gradient(90deg,#43d7c8,#14a8b8) !important;}

/* Mobile bottom nav: calm, app-like, no colored boxes */
.bottom-nav{
  background:rgba(255,255,255,.96) !important;
  border-top:1px solid #dce9ef !important;
  box-shadow:0 -10px 28px rgba(20,40,60,.08) !important;
  backdrop-filter:blur(12px) !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  overflow-x:auto !important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom)) !important;
}
.bottom-nav a{
  min-width:68px !important;
  flex:0 0 auto !important;
  background:transparent !important;
  border-radius:15px !important;
  color:#52687a !important;
  padding:7px 8px !important;
  font-size:11px !important;
}
.bottom-nav a:hover,
.bottom-nav a:focus{
  background:#eefdfc !important;
  color:#0b7482 !important;
}
.bottom-nav i{
  color:#0f7f91 !important;
  font-size:19px !important;
  margin-bottom:2px !important;
}
.bottom-nav span{display:block !important;}

/* Mobile dashboard spacing */
@media(max-width:900px){
  body{background:#f6fafc !important;}
  .content{padding:14px 10px 94px !important;}
  .today-hero{
    border-radius:28px !important;
    padding:22px !important;
    margin:0 0 14px !important;
  }
  .today-hero-content{gap:16px !important;}
  .today-hero h2{
    font-size:28px !important;
    line-height:1.08 !important;
  }
  .today-hero p{
    font-size:15px !important;
  }
  .today-hero-actions{
    gap:8px !important;
  }
  .today-hero-actions .btn{
    padding:9px 12px !important;
    font-size:14px !important;
  }
  .today-focus-card{
    border-radius:22px !important;
    padding:14px !important;
  }
  .focus-item{
    border-radius:18px !important;
  }
  .topbar{
    background:rgba(255,255,255,.82) !important;
  }
}

/* Desktop alignment polish */
@media(min-width:901px){
  .today-hero{border-radius:30px !important;}
  .today-focus-card{border-radius:26px !important;}
}

/* =========================
   V17 PLAN LIST + INVESTMENTS
========================= */
.plan-list-readable,
.plan-list{
  list-style:none !important;
  padding-left:0 !important;
  margin:16px 0 !important;
  display:grid !important;
  gap:10px !important;
}
.plan-list-readable li,
.plan-list li{
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  color:#334155 !important;
  font-weight:700 !important;
  line-height:1.35 !important;
}
.plan-list-readable li i,
.plan-list li i{
  margin-top:2px !important;
  color:#14a8b8 !important;
  font-size:16px !important;
  flex-shrink:0 !important;
}
.plan-list-readable li i.bi-x-circle,
.plan-list li i.bi-x-circle{ color:#94a3b8 !important; }
.plan-list-readable li i.bi-megaphone,
.plan-list-readable li i.bi-info-circle,
.plan-list li i.bi-megaphone,
.plan-list li i.bi-info-circle{ color:#f4a73d !important; }
.investment-summary-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:24px;
  box-shadow:var(--shadow-soft);
  padding:18px;
}


/* =====================================================
   V18 FINANCIAL PICTURE / MOBILE NAV FINAL
===================================================== */
.cash-pill{
  border-color:#bdeee8!important;
  background:#eefdfc!important;
  color:#0b7482!important;
  text-decoration:none!important;
}
.cash-pill.cash-negative{
  background:#fff1f2!important;
  border-color:#fecdd3!important;
  color:#be123c!important;
}
.wealth-breakdown{
  display:grid;
  gap:10px;
}
.wealth-breakdown>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  background:#f8fbfc;
  border:1px solid #e3eef3;
  border-radius:16px;
  padding:12px;
}
.wealth-breakdown>div.total{
  background:#eefdfc;
  border-color:#bdeee8;
}
.wealth-breakdown span{
  color:#66788a;
  font-weight:800;
}
.wealth-breakdown b{
  font-size:16px;
}

/* =====================================================
   V19 FIXES: wealth quick cards + final mobile nav polish
   Keep as final block
===================================================== */
.wealth-action-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.wealth-action-card{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:92px;
  padding:18px;
  text-decoration:none;
  color:#122033;
  background:#fff;
  border:1px solid #dce9ef;
  border-radius:24px;
  box-shadow:0 8px 24px rgba(20,40,60,.055);
  transition:.18s ease;
}
.wealth-action-card:hover{
  transform:translateY(-2px);
  border-color:#bdeee8;
  box-shadow:0 14px 32px rgba(20,168,184,.10);
  color:#122033;
}
.wealth-action-card i{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#eefdfc;
  color:#0f7f91;
  font-size:24px;
  flex-shrink:0;
}
.wealth-action-card b{
  display:block;
  font-size:16px;
  font-weight:950;
  letter-spacing:-.02em;
}
.wealth-action-card span{
  display:block;
  color:#66788a;
  font-size:13px;
  font-weight:650;
  margin-top:2px;
}
.wealth-breakdown{
  display:grid;
  gap:10px;
}
.wealth-breakdown > div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  background:#f8fbfc;
  border:1px solid #e3eef3;
  border-radius:16px;
}
.wealth-breakdown > div span{
  color:#66788a;
  font-weight:800;
}
.wealth-breakdown > div b{
  color:#122033;
  font-weight:950;
}
.wealth-breakdown > div.total{
  background:#eefdfc;
  border-color:#bdeee8;
}

@media(max-width:900px){
  .wealth-action-grid{grid-template-columns:1fr;}
}

/* Desktop: hide every mobile bottom nav */
@media (min-width: 901px){
  .bottom-nav,
  .mobile-bottom-nav,
  .footer-mobile-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }
}

/* Mobile: clean horizontal scroll bottom nav */
@media (max-width: 900px){
  .bottom-nav,
  .mobile-bottom-nav,
  .footer-mobile-nav{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:9999 !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    white-space:nowrap !important;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    background:rgba(255,255,255,.96) !important;
    border-top:1px solid #dce9ef !important;
    box-shadow:0 -12px 30px rgba(20,40,60,.10) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:none !important;
  }
  .bottom-nav::-webkit-scrollbar,
  .mobile-bottom-nav::-webkit-scrollbar,
  .footer-mobile-nav::-webkit-scrollbar{display:none !important;}
  .bottom-nav a,
  .mobile-bottom-nav a,
  .footer-mobile-nav a{
    flex:0 0 auto !important;
    min-width:74px !important;
    max-width:92px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    padding:8px 10px !important;
    border-radius:18px !important;
    background:transparent !important;
    border:1px solid transparent !important;
    color:#53697a !important;
    text-decoration:none !important;
    font-size:11px !important;
    font-weight:800 !important;
    line-height:1.1 !important;
  }
  .bottom-nav a i,
  .mobile-bottom-nav a i,
  .footer-mobile-nav a i{
    width:26px !important;
    height:26px !important;
    display:grid !important;
    place-items:center !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:11px !important;
    background:transparent !important;
    color:#0f7f91 !important;
    font-size:20px !important;
    line-height:1 !important;
  }
  .bottom-nav a span,
  .mobile-bottom-nav a span,
  .footer-mobile-nav a span{
    display:block !important;
    max-width:76px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
  .bottom-nav a:hover,
  .bottom-nav a:focus,
  .mobile-bottom-nav a:hover,
  .mobile-bottom-nav a:focus,
  .footer-mobile-nav a:hover,
  .footer-mobile-nav a:focus{
    background:#eefdfc !important;
    border-color:#bdeee8 !important;
    color:#0b7482 !important;
  }
  body{padding-bottom:72px !important;}
  .content{padding-bottom:110px !important;}
}

/* =====================================================
   V20 finance/credit/crypto professional controls
===================================================== */
.debt-due-card,
.bill-due-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:18px;
  background:#fff;
  margin-bottom:10px;
  box-shadow:var(--shadow-soft);
}
.debt-due-card.is-due{
  border-color:rgba(242,87,118,.28);
  background:linear-gradient(135deg,rgba(242,87,118,.06),#fff);
}
.debt-due-card b,
.bill-due-card b{display:block;font-weight:900;color:var(--text)}
.debt-due-card span,
.bill-due-card span{display:block;color:var(--muted);font-size:13px;font-weight:650;margin-top:2px}
.crypto-combobox{position:relative}
.crypto-dropdown{
  display:none;
  position:absolute;
  left:0;right:0;top:calc(100% + 6px);
  z-index:1050;
  max-height:290px;
  overflow-y:auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius:18px;
  box-shadow:0 18px 42px rgba(16,24,40,.14);
  padding:8px;
}
.crypto-option{
  width:100%;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:2px 10px;
  align-items:center;
  border:0;
  background:transparent;
  border-radius:14px;
  padding:10px 12px;
  text-align:left;
  color:var(--text);
}
.crypto-option:hover{background:#eefdfc}
.crypto-option b{font-weight:950;color:#0b7482;grid-row:span 2}
.crypto-option span{font-weight:850}
.crypto-option small{color:var(--muted)}
.crypto-price-note{
  padding:10px 12px;
  border:1px solid #bdeee8;
  background:#eefdfc;
  color:#0b7482;
  border-radius:16px;
  font-weight:700;
  font-size:13px;
}
@media(max-width:900px){
  .debt-due-card,.bill-due-card{display:block}
  .debt-due-card .d-flex,.bill-due-card form{margin-top:10px}
}

/* =========================
   V21 LANGUAGE SWITCH + LOCKED WEALTH CARDS
========================= */
.lang-switch{
  min-height:38px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  color:#26384b;
  font-weight:800;
  padding:7px 34px 7px 12px;
  box-shadow:var(--shadow-soft);
}
.lang-switch:focus{
  outline:0;
  border-color:#7edfd8;
  box-shadow:0 0 0 .20rem rgba(20,168,184,.10);
}
.wealth-action-card{
  position:relative;
}
.wealth-action-card.wealth-action-locked{
  opacity:.82;
  border-style:dashed !important;
  background:linear-gradient(180deg,#fff,#f8fbfc) !important;
}
.wealth-action-card.wealth-action-locked i{
  background:#fff7ed !important;
  color:#b7791f !important;
}
.wealth-action-card.wealth-action-locked em{
  position:absolute;
  right:14px;
  top:12px;
  font-style:normal;
  font-size:11px;
  font-weight:900;
  color:#8a5b00;
  background:#fff2c7;
  border:1px solid #fde68a;
  border-radius:999px;
  padding:3px 8px;
}
.bottom-nav a.locked{
  opacity:.72;
}
.bottom-nav a.locked i{
  color:#b7791f !important;
}
@media(max-width:900px){
  .lang-switch{width:100%;}
  .top-actions .lang-switch{width:auto; max-width:150px;}
}

/* =========================
   V25 LANGUAGE DROPDOWN WITH REAL FLAGS
========================= */
.language-dropdown{
  display:inline-flex;
  align-items:center;
}
.language-btn{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:154px !important;
  border:1px solid var(--border) !important;
  border-radius:999px !important;
  padding:10px 14px !important;
  background:#fff !important;
  color:#26384b !important;
  font-weight:850 !important;
  box-shadow:var(--shadow-soft) !important;
}
.language-btn img,
.language-dropdown .dropdown-item img{
  width:22px !important;
  height:15px !important;
  border-radius:3px !important;
  object-fit:cover !important;
  display:inline-block !important;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.language-dropdown .dropdown-menu{
  min-width:180px;
  border-radius:16px !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-soft) !important;
  overflow:hidden;
}
.language-dropdown .dropdown-item{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  font-weight:800;
  padding:10px 14px;
}
.language-dropdown .dropdown-item.active,
.language-dropdown .dropdown-item:active{
  background:#eefdfc !important;
  color:#0b7482 !important;
}
@media(max-width:900px){
  .language-btn{
    min-width:auto !important;
    padding:9px 12px !important;
  }
  .language-btn span{
    max-width:96px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}


/* =========================
   FINAL: AI AGENT + CHAT IMAGE VIEWER
========================= */
.ai-agent-bubble{position:fixed;right:28px;bottom:28px;width:62px;height:62px;border-radius:24px;background:var(--brand-gradient);color:#062a35;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 18px 45px rgba(19,184,199,.35);cursor:pointer;z-index:9998;border:1px solid rgba(255,255,255,.70)}
.ai-agent-panel{position:fixed;right:28px;bottom:96px;width:410px;max-width:calc(100vw - 32px);height:590px;max-height:calc(100vh - 130px);background:rgba(255,255,255,.94);border:1px solid rgba(220,232,240,.92);border-radius:28px;box-shadow:0 24px 70px rgba(15,45,60,.24);backdrop-filter:blur(18px);overflow:hidden;display:none;flex-direction:column;z-index:9999}.ai-agent-panel.open{display:flex}.ai-agent-header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,232,240,.9);background:linear-gradient(135deg,rgba(238,253,252,.96),rgba(255,255,255,.96))}.ai-agent-header small{display:block;color:#64748b;font-weight:700;margin-top:2px}.ai-agent-header button{width:34px;height:34px;border:0;border-radius:12px;background:#eef7f8}.ai-agent-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.ai-msg{max-width:88%;padding:11px 13px;border-radius:17px;font-size:14px;line-height:1.4;white-space:pre-wrap}.ai-msg-user{align-self:flex-end;background:#0b3143;color:white;border-bottom-right-radius:6px}.ai-msg-bot{align-self:flex-start;background:#eefbfc;color:#17313a;border-bottom-left-radius:6px}.ai-agent-actions{padding:12px;display:flex;gap:8px;border-top:1px solid rgba(220,232,240,.9);background:white}.ai-agent-actions input{flex:1;border:1px solid #d7e7ec;border-radius:16px;padding:11px 13px;outline:none}.ai-agent-actions button{width:44px;height:44px;border:0;border-radius:16px;background:#dffafa;color:#087782;font-size:17px}.ai-agent-actions button.active{background:#ffeded;color:#c02626}.chat-image-preview{max-width:260px;max-height:220px;border-radius:16px;cursor:pointer;object-fit:cover;box-shadow:0 10px 25px rgba(0,0,0,.14);display:block;margin-top:8px}.chat-file-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;text-decoration:none;font-weight:800}.image-viewer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:10000;display:none;align-items:center;justify-content:center;padding:22px}.image-viewer-backdrop.active{display:flex}.image-viewer-img{max-width:90vw;max-height:86vh;border-radius:18px;transition:transform .2s ease;cursor:zoom-in}.image-viewer-img.zoomed{transform:scale(1.65);cursor:zoom-out}.unreroki-badge,.menu-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#ff3e75;color:#fff;font-size:11px;font-weight:900;padding:0 6px;margin-left:auto}@media(max-width:900px){.ai-agent-bubble{right:18px;bottom:82px}.ai-agent-panel{right:12px;left:12px;width:auto;bottom:150px;height:520px}.image-viewer-img.zoomed{transform:scale(1.25)}}

/* Organization sidebar groups + chat group tabs */
.nav-section-org{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:18px;
  color:rgba(185,255,249,.92);
}
.org-menu-badge,.menu-badge{
  min-width:19px;
  height:19px;
  padding:0 6px;
  border-radius:999px;
  background:#ff6b6b;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  line-height:1;
  font-weight:800;
}
.nav-link .menu-badge{margin-left:auto;}
.chat-group-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.chat-group-tab{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(19,184,199,.08);
  border:1px solid rgba(19,184,199,.18);
  text-decoration:none;
  color:var(--text,#12313a);
  font-size:13px;
  font-weight:700;
}
.chat-group-tab.active{
  background:linear-gradient(135deg,#67e8f9,#5eead4);
  border-color:transparent;
  color:#07343b;
  box-shadow:0 10px 24px rgba(19,184,199,.18);
}


/* =========================
   PLANORA V27 MODERN SAAS / MOBILE-FIRST
========================= */
.saas-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(229,252,252,.92));border:1px solid rgba(190,231,236,.9);box-shadow:0 18px 55px rgba(15,45,60,.08)}
.saas-hero h2{font-size:30px;line-height:1.05;margin:6px 0 8px;font-weight:950;letter-spacing:-.04em;color:#10233f}.saas-hero p{max-width:760px;margin:0;color:#64748b;font-weight:700}.hero-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(20,184,199,.22);background:#effefd;color:#077986;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.modern-card,.stat-card.modern{border-radius:26px!important;border:1px solid rgba(215,231,236,.9)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 18px 55px rgba(15,45,60,.07)!important}.danger-stat b{color:#dc2626!important}.cardx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cardx-head a{font-weight:900;text-decoration:none;color:#0b8793}.empty-state{padding:18px;border:1px dashed #cfe4ea;border-radius:18px;background:#f8fdfe;color:#64748b;text-align:center;font-weight:800}.smart-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(226,236,240,.9)}.smart-row:last-child{border-bottom:0}.smart-row b{display:block;color:#17233b}.smart-row small{display:block;color:#64748b;font-weight:700}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;background:#eef7ff;color:#0369a1}.status-pill.done,.status-pill.approved{background:#dcfce7;color:#166534}.status-pill.returned,.status-pill.cancelled{background:#fee2e2;color:#991b1b}.status-pill.submitted,.status-pill.in_review{background:#fef3c7;color:#92400e}.status-pill.waiting,.status-pill.pending{background:#e0f2fe;color:#075985}.mini-metrics{display:flex;gap:8px}.mini-metrics a{min-width:74px;text-decoration:none;text-align:center;border:1px solid #dcecf0;border-radius:16px;padding:8px;background:#fbfeff}.mini-metrics b{font-size:19px;line-height:1}.mini-metrics span{display:block;font-size:11px;color:#64748b;font-weight:900}.ai-command-card code{display:block;white-space:normal;background:#0b3143;color:#e7fdff;border-radius:14px;padding:10px 12px;margin:8px 0;font-weight:800}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-tile{display:flex;align-items:center;gap:10px;text-decoration:none;color:#10233f;background:#f8fdfe;border:1px solid #dcecf0;border-radius:18px;padding:16px;font-weight:900}.quick-tile i{font-size:22px;color:#0891b2}.form-grid-one{display:grid;gap:12px}.form-grid-one label{font-weight:900;color:#334155}.form-grid-one label input,.form-grid-one label select{margin-top:6px}.sticky-card{position:sticky;top:18px}.goal-card{height:100%;padding:22px;border-radius:26px;background:linear-gradient(135deg,#ffffff,#f1fffe);border:1px solid #d7edf0;box-shadow:0 18px 45px rgba(15,45,60,.07)}.goal-top,.goal-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.goal-top span{border-radius:999px;background:#e0fbff;color:#087782;padding:6px 10px;font-size:12px;font-weight:950}.goal-card h3{font-size:20px;font-weight:950;margin:16px 0}.big-progress{height:12px;border-radius:999px}.goal-meta{margin:10px 0;color:#64748b}.goal-meta b{font-size:22px;color:#10233f}.btn-icon{border:0;background:#fff0f0;color:#dc2626;width:34px;height:34px;border-radius:12px}.report-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.report-status-grid a{text-decoration:none;background:#f8fdfe;border:1px solid #dcecf0;border-radius:18px;padding:16px;text-align:center}.report-status-grid b{display:block;font-size:28px;color:#10233f}.report-status-grid span{font-weight:900;color:#64748b}.muted-note{color:#64748b;font-weight:800}.bottom-nav{backdrop-filter:blur(18px)}
@media(max-width:900px){.content{padding:14px 14px 96px!important}.topbar{border-radius:22px!important;padding:14px!important}.topbar h1{font-size:24px!important}.top-actions{width:100%;overflow-x:auto;padding-bottom:2px}.saas-hero{flex-direction:column;align-items:flex-start;border-radius:22px;padding:18px}.saas-hero h2{font-size:25px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.cardx,.stat-card,.modern-card{border-radius:22px!important}.quick-grid{grid-template-columns:1fr}.smart-row{align-items:flex-start}.mini-metrics{flex-direction:column}.sidebar{width:290px}.ai-agent-bubble{bottom:92px!important}.bottom-nav{display:flex!important;gap:4px;overflow-x:auto;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important}.bottom-nav a{min-width:66px;border-radius:16px!important}}

/* =====================================================
   FINAL PLANORA ADS — DIRECT RED / BLUE BANNERS
   Keep this as LAST block
===================================================== */

.planora-ad {
  width: 100% !important;
  min-height: 126px !important;
  margin: 14px 0 22px !important;
  padding: 20px 24px !important;
  border-radius: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: #fff !important;
  overflow: hidden !important;
  position: relative !important;
  isolation: isolate !important;
  border: 2px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 22px 55px rgba(12,35,48,.24) !important;
}

.planora-roki-red {
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.32), transparent 30%),
    linear-gradient(135deg, #d90429 0%, #ef233c 48%, #ff4d6d 100%) !important;
}

.planora-roki-blue {
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.32), transparent 30%),
    linear-gradient(135deg, #023e8a 0%, #0077b6 50%, #00b4d8 100%) !important;
}

.planora-ad::before {
  content: "";
  position: absolute;
  right: -65px;
  top: -80px;
  width: 250px;
  height: 250px;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
  z-index: -1;
}

.planora-ad::after {
  content: "";
  position: absolute;
  left: -80px;
  bottom: -100px;
  width: 270px;
  height: 270px;
  border-radius: 999px;
  background: rgba(255,255,255,.12);
  z-index: -1;
}

.planora-roki-content {
  min-width: 0 !important;
  flex: 1 !important;
}

.planora-roki-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 9px !important;
  padding: 6px 11px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.planora-roki-label i {
  width: 9px !important;
  height: 9px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 0 0 0 rgba(255,255,255,.65) !important;
  animation: planoraAdPulse 1.55s infinite !important;
}

@keyframes planoraAdPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,.65);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255,255,255,0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}

.planora-ad strong {
  display: block !important;
  max-width: 100% !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.25) !important;
  color: #fff !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.planora-ad p {
  max-width: 950px !important;
  margin: 8px 0 0 !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  text-shadow: 0 1px 5px rgba(0,0,0,.22) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.planora-roki-btn {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 13px 19px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #102a3a !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  box-shadow: 0 15px 32px rgba(0,0,0,.24) !important;
  transition: transform .16s ease, box-shadow .16s ease !important;
  white-space: nowrap !important;
}

.planora-roki-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 20px 42px rgba(0,0,0,.30) !important;
}

.planora-roki-btn span {
  font-size: 20px !important;
  line-height: 1 !important;
}

.planora-roki-bottom {
  position: fixed !important;
  left: 310px !important;
  right: 28px !important;
  bottom: 18px !important;
  z-index: 850 !important;
  margin: 0 !important;
  max-width: calc(100vw - 340px) !important;
  min-height: 112px !important;
}

@media (max-width: 900px) {
  .planora-ad {
    display: block !important;
    min-height: 148px !important;
    padding: 17px !important;
    border-radius: 24px !important;
    margin: 12px 0 16px !important;
  }

  .planora-ad strong {
    white-space: normal !important;
    font-size: 19px !important;
  }

  .planora-ad p {
    font-size: 13px !important;
  }

  .planora-roki-btn {
    margin-top: 12px !important;
    min-height: 42px !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
  }

  .planora-roki-bottom {
    left: 12px !important;
    right: 12px !important;
    bottom: 84px !important;
    max-width: none !important;
  }
}

/* =====================================================
   FINAL ADS SIZE + BOTTOM WIDTH FIX
   Smaller desktop/mobile ads + fixed rounded bottom ad
   Keep this as LAST block
===================================================== */

.planora-ad {
  min-height: 92px !important;
  margin: 12px 0 18px !important;
  padding: 14px 18px !important;
  border-radius: 22px !important;
  gap: 14px !important;
  box-shadow: 0 14px 34px rgba(12,35,48,.16) !important;
}

.planora-ad strong {
  font-size: 20px !important;
  line-height: 1.1 !important;
}

.planora-ad p {
  font-size: 13px !important;
  line-height: 1.25 !important;
  margin-top: 5px !important;
}

.planora-roki-label {
  padding: 4px 9px !important;
  font-size: 10px !important;
  margin-bottom: 6px !important;
}

.planora-roki-label i {
  width: 7px !important;
  height: 7px !important;
}

.planora-roki-btn {
  min-height: 38px !important;
  padding: 10px 15px !important;
  font-size: 13px !important;
}

.planora-roki-btn span {
  font-size: 17px !important;
}

/* bottom ad desktop */
.planora-roki-bottom {
  left: 300px !important;
  right: 24px !important;
  bottom: 16px !important;
  width: auto !important;
  max-width: none !important;
  min-height: 86px !important;
  margin: 0 !important;
  border-radius: 22px !important;
  padding: 13px 18px !important;
}

/* prevent AI bubble from visually covering the bottom ad too much */
.planora-roki-bottom .planora-roki-btn {
  margin-right: 52px !important;
}

@media (max-width: 900px) {
  .planora-ad {
    min-height: 96px !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
    margin: 10px 0 13px !important;
    display: block !important;
  }

  .planora-ad strong {
    font-size: 16px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .planora-ad p {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    margin-top: 4px !important;
    -webkit-line-clamp: 2 !important;
  }

  .planora-roki-btn {
    min-height: 33px !important;
    padding: 8px 12px !important;
    margin-top: 8px !important;
    font-size: 12px !important;
  }

  .planora-roki-btn span {
    font-size: 15px !important;
  }

  .planora-roki-label {
    padding: 3px 8px !important;
    font-size: 9.5px !important;
    margin-bottom: 5px !important;
  }

  .planora-roki-bottom {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 76px !important;
    width: auto !important;
    max-width: none !important;
    min-height: 94px !important;
    padding: 12px 14px !important;
    border-radius: 20px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .planora-roki-bottom .planora-roki-btn {
    margin-right: 58px !important;
  }
}

@media (max-width: 430px) {
  .planora-ad {
    min-height: 90px !important;
    padding: 11px 13px !important;
  }

  .planora-ad strong {
    font-size: 15.5px !important;
  }

  .planora-ad p {
    font-size: 11px !important;
  }

  .planora-roki-bottom {
    left: 10px !important;
    right: 10px !important;
    bottom: 74px !important;
    border-radius: 19px !important;
    min-height: 88px !important;
  }
}
@media (max-width: 900px) {
  .ai-agent-bubble {
    width: 54px !important;
    height: 54px !important;
    right: 14px !important;
    bottom: 86px !important;
    border-radius: 20px !important;
  }
}
/* Reklamix iframe ads - overrides old hardcoded Planora ads */
.planora-zoki-view{width:100%;max-width:100%;margin:0 0 16px;border-radius:18px;overflow:hidden;background:transparent;box-shadow:0 18px 45px rgba(15,45,60,.10)}
.planora-zoki-view-bottom{position:fixed;left:310px;right:24px;bottom:14px;z-index:900;margin:0;box-shadow:0 18px 45px rgba(15,45,60,.18)}
.planora-zoki-view-top{margin-bottom:16px}
@media(max-width:900px){.planora-zoki-view-bottom{left:12px;right:12px;bottom:72px}.planora-zoki-view iframe{height:90px!important}.planora-zoki-view-bottom iframe{height:80px!important}}

/* Reklamix ads - clean image banners */
.planora-zoki-view{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
  box-shadow:0 18px 45px rgba(15,45,60,.10)!important;
}
.planora-zoki-view iframe{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:transparent!important;
}
.planora-zoki-view-top iframe{height:90px!important}
.planora-zoki-view-content iframe,.planora-zoki-view-inline iframe,.planora-zoki-view-bottom iframe{height:90px!important}
.planora-zoki-view-sidebar iframe{height:250px!important}
.planora-zoki-view-bottom{
  position:fixed!important;
  left:calc(300px + 24px)!important;
  right:24px!important;
  bottom:14px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  z-index:900!important;
  box-shadow:0 18px 45px rgba(15,45,60,.18)!important;
}
@media(max-width:900px){
  .planora-zoki-view-bottom{left:12px!important;right:12px!important;bottom:72px!important;width:auto!important;max-width:none!important}
  .planora-zoki-view-top iframe,.planora-zoki-view-content iframe,.planora-zoki-view-inline iframe{height:90px!important}
  .planora-zoki-view-bottom iframe{height:80px!important}
}

/* v4 final Planora bottom slot containment */
.planora-zoki-view-bottom{
  left:324px!important;
  right:24px!important;
  width:calc(100vw - 348px)!important;
  max-width:calc(100vw - 348px)!important;
  box-sizing:border-box!important;
}
.planora-zoki-view-bottom iframe{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  .planora-zoki-view-bottom{
    left:12px!important;
    right:12px!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* v9: clear organization notification panel */
.org-notice-panel{margin:8px 10px 12px;padding:10px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(120,230,230,.22);box-shadow:0 10px 25px rgba(0,0,0,.10)}
.org-notice-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#dffcff;font-weight:900;font-size:12px;letter-spacing:.02em}
.org-notice-panel-head span{display:inline-flex;align-items:center;gap:7px}.org-notice-panel-head b{display:inline-grid;place-items:center;min-width:26px;height:24px;border-radius:999px;background:#ff5f73;color:#fff;font-size:12px;padding:0 8px;box-shadow:0 0 0 4px rgba(255,95,115,.12)}
.org-notice-line{display:flex;align-items:flex-start;gap:9px;padding:9px 8px;border-radius:13px;text-decoration:none;color:#e9fbff;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);margin-top:6px}.org-notice-line:hover{background:rgba(43,198,198,.18);color:#fff}.org-notice-line i{margin-top:2px;color:#75f0ee}.org-notice-line span{display:block;min-width:0}.org-notice-line strong{display:block;font-size:12.5px;line-height:1.25}.org-notice-line small{display:block;color:#a9c9d5;font-size:11px;line-height:1.25;margin-top:2px;word-break:break-word}.org-menu-badge{background:#ff5f73;box-shadow:0 0 0 3px rgba(255,95,115,.16)}.nav-link .menu-badge[title]{cursor:help}
.notification-row{align-items:flex-start;border:1px solid rgba(204,222,232,.9)!important;border-radius:18px;padding:14px!important;margin-bottom:10px!important;background:#fff}.notification-row.unread{background:linear-gradient(135deg,#eefbff,#f0fff8)!important;border-color:#70e0e0!important}.notification-row b{font-size:15px;color:#0f172a}.notification-row p{font-size:14px;line-height:1.45}.notification-row span{display:inline-flex;margin-top:3px}


/* v10: clean readable organization notifications */
.org-alert-card{margin:10px 10px 14px;padding:10px;border-radius:18px;background:linear-gradient(180deg,rgba(14,116,144,.22),rgba(15,23,42,.12));border:1px solid rgba(105,228,230,.32);box-shadow:0 14px 32px rgba(0,0,0,.16)}
.org-alert-title{display:flex;align-items:center;gap:8px;color:#e8feff;font-size:12px;font-weight:900;margin-bottom:8px;line-height:1.1}.org-alert-title i{color:#5eead4}.org-alert-title span{flex:1}.org-alert-title b{display:inline-grid;place-items:center;min-width:24px;height:22px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;padding:0 7px;box-shadow:0 0 0 4px rgba(239,68,68,.15)}
.org-alert-item{display:flex;gap:9px;align-items:flex-start;padding:9px;border-radius:14px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);color:#e9fbff!important;text-decoration:none!important;margin-top:7px;overflow:hidden}.org-alert-item:hover{background:rgba(45,212,191,.18);color:#fff!important}.org-alert-item i{margin-top:2px;color:#67e8f9;font-size:14px}.org-alert-item span{display:block;min-width:0}.org-alert-item strong{display:block;font-size:12.5px;line-height:1.25;color:#fff;white-space:normal}.org-alert-item small{display:block;margin-top:3px;color:#bae6fd;font-size:11px;line-height:1.3;white-space:normal;word-break:break-word;text-decoration:none!important}.org-notice-panel{display:none!important}

/* v1 polish: organization notifications, colleagues and clients */
.org-alert-card{
  margin:10px 10px 14px!important;
  padding:12px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(20,184,166,.08))!important;
  border:1px solid rgba(94,234,212,.30)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}
.org-alert-title{display:flex!important;align-items:center!important;gap:8px!important;color:#eaffff!important;font-size:12px!important;font-weight:900!important;margin-bottom:8px!important;line-height:1.2!important;text-decoration:none!important}
.org-alert-title i{color:#67e8f9!important}.org-alert-title span{flex:1!important}.org-alert-title b{min-width:24px;height:24px;border-radius:999px;background:#ef4444;color:#fff;display:inline-grid;place-items:center;font-size:12px;padding:0 7px}
.org-alert-item{display:grid!important;grid-template-columns:22px 1fr!important;gap:9px!important;align-items:start!important;padding:10px!important;border-radius:15px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.09)!important;color:#e9fbff!important;text-decoration:none!important;margin-top:7px!important;overflow:hidden!important}
.org-alert-item:hover{background:rgba(45,212,191,.18)!important;color:#fff!important}.org-alert-item i{color:#67e8f9!important;font-size:15px!important;margin-top:2px!important}.org-alert-item strong{display:block!important;font-size:12.5px!important;line-height:1.25!important;color:#fff!important;white-space:normal!important}.org-alert-item small{display:block!important;margin-top:4px!important;color:#bdefff!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important;word-break:break-word!important;text-decoration:none!important}.org-notice-panel{display:none!important}
.people-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.people-card{background:#fff;border:1px solid #e3ebf5;border-radius:24px;padding:18px;box-shadow:0 18px 55px rgba(15,23,42,.07);min-width:0;overflow:hidden}.people-head{display:flex;align-items:center;gap:13px;min-width:0}.people-title{min-width:0}.people-title h3{margin:0 0 5px;font-size:21px;font-weight:900;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-info{display:grid;gap:9px;margin:16px 0}.people-info div{display:grid;grid-template-columns:22px 80px 1fr;align-items:start;gap:8px;font-size:14px}.people-info i{color:#0ea5e9}.people-info span{color:#64748b;font-weight:800}.people-info b{font-weight:800;min-width:0;overflow-wrap:anywhere}.people-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.people-edit{display:none;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f7}.people-card.editing .people-edit{display:grid}.people-admin-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.people-admin-row select{min-width:140px;flex:1}.people-admin-row button{white-space:nowrap}.clients-layout{display:grid;grid-template-columns:minmax(320px,430px) 1fr;gap:18px;align-items:start}.stack-form{display:grid;gap:12px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.client-search{max-width:320px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.contact-card{position:relative;background:#fff;border:1px solid #e3ebf5;border-radius:22px;padding:16px;box-shadow:0 14px 40px rgba(15,23,42,.06);min-width:0}.contact-avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#22c1c3,#1d4ed8);color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:10px}.contact-main h4{margin:0;font-size:18px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-lines{display:grid;gap:7px;margin-top:13px}.contact-lines span{display:flex;gap:8px;align-items:center;color:#334155;min-width:0;overflow-wrap:anywhere}.contact-lines i{color:#14b8a6}.contact-note{margin:12px 0 0;padding:10px 12px;background:#f8fafc;border-radius:14px;color:#475569}.accent-line{width:7px;height:28px;border-radius:999px;background:#2dd4bf;display:inline-block}
@media(max-width:980px){.clients-layout{grid-template-columns:1fr}.form-grid-2{grid-template-columns:1fr}.client-search{max-width:100%}.people-grid{grid-template-columns:1fr}}

/* v1.1 functional modules polish */
.pro-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.pro-card{background:#fff;border:1px solid #dceaf2;border-radius:24px;padding:18px;box-shadow:0 18px 50px rgba(15,23,42,.06)}.pro-card h3{font-weight:900;margin-bottom:10px}.pro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pro-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.pro-item-list{display:grid;gap:10px}.pro-item{background:#fff;border:1px solid #e3eef5;border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.05);min-width:0}.pro-item .meta{color:#64748b;font-size:13px}.pro-item h4{font-weight:900;margin:0 0 6px;word-break:break-word}.file-card{display:flex;gap:14px;align-items:flex-start}.file-icon{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#e0fdfa,#dbeafe);color:#0f766e;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.file-preview{max-width:100%;max-height:170px;object-fit:cover;border-radius:16px;border:1px solid #e3eef5;cursor:pointer;margin-top:10px}.calendar-shell{background:#fff;border:1px solid #dceaf2;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(15,23,42,.06)}.calendar-grid.pro{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.calendar-grid.pro .calendar-head{padding:12px;background:#f1fbfc;border-bottom:1px solid #d9edf3;font-weight:900;color:#475569;text-align:center}.calendar-grid.pro .calendar-day{min-height:150px;border-right:1px solid #e5eef4;border-bottom:1px solid #e5eef4;padding:10px;position:relative;background:#fff}.calendar-grid.pro .calendar-day:nth-child(7n){border-right:0}.calendar-grid.pro .calendar-day.today{background:linear-gradient(135deg,#ecfeff,#f0fdf4)}.day-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.day-num{font-weight:900;font-size:18px}.day-add{width:30px;height:30px;border-radius:12px;border:1px solid #c8f1ef;background:#e6fffb;color:#0f766e;font-weight:900;display:grid;place-items:center;text-decoration:none}.day-add:hover{background:#2dd4bf;color:#fff}.calendar-event{display:block;margin-top:8px;padding:8px 9px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;color:#0f172a;line-height:1.2}.calendar-event small{display:block;color:#0f766e;font-weight:800;margin-bottom:2px}.quick-modal-date{font-weight:900;color:#0f766e}.stock-table input,.stock-table select{min-width:95px}.correction-timeline{display:grid;gap:10px}.correction-item{display:grid;grid-template-columns:110px 1fr 100px;gap:12px;align-items:center;padding:12px 14px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.correction-qty{font-weight:900;font-size:18px;text-align:right}.kanban-wide{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:14px;overflow-x:auto}.kanban-wide .kanban-col{min-height:260px;background:#f4fbfd}.empty-dashed{border:1px dashed #83d9e0;border-radius:18px;padding:30px;text-align:center;color:#64748b;background:#fbfeff}.db-text,.no-translate{unicode-bidi:isolate}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.stat-strip .stat-card{background:#fff;border:1px solid #e2eef5;border-radius:18px;padding:16px}.stat-strip b{font-size:26px}.org-inbox-list{display:grid;gap:10px}.org-inbox-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid #e3eef5;border-radius:18px;background:#fff}.org-inbox-item .ic{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#e0fdfa;color:#0f766e}
@media(max-width:900px){.calendar-grid.pro{grid-template-columns:1fr}.calendar-grid.pro .calendar-head{display:none}.calendar-grid.pro .calendar-day{min-height:120px}.correction-item{grid-template-columns:1fr}.correction-qty{text-align:left}.kanban-wide{grid-template-columns:repeat(4,82vw)}}