
:root{--v23-navy:#0d1b3e;--v23-blue:#1769ff;--v23-line:#dfe7f1;--v23-bg:#f4f7fb;--v23-shadow:0 18px 55px rgba(13,27,62,.09)}
.app-body{background:radial-gradient(circle at 100% 0,rgba(45,156,219,.11),transparent 34rem),var(--v23-bg)!important}.v7-sidebar{background:linear-gradient(180deg,#0c1835,#10264d)!important;box-shadow:12px 0 45px rgba(7,19,45,.12)}.v7-sidebar .brand-logo{filter:brightness(0) invert(1)}.v7-topbar{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--v23-line)!important}.v7-content{padding-top:26px!important}.app-card,.admin-modal,.account-popover{border:1px solid var(--v23-line)!important;border-radius:20px!important;box-shadow:0 9px 34px rgba(13,27,62,.055)!important}.btn{border-radius:12px!important}.btn-primary{box-shadow:0 8px 22px rgba(23,105,255,.2)}.v7-nav button,.v7-nav-link{border-radius:11px!important}.v7-nav button.active{box-shadow:inset 3px 0 #65c8ff}.workspace-identity{border-radius:16px!important}.mobile-bottom-nav{background:rgba(255,255,255,.95)!important;backdrop-filter:blur(15px);border-top:1px solid var(--v23-line)!important}.m-header{background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--v23-line)!important}.m-button{border-radius:12px!important}.m-feature-item,.m-card,.m-plan-card,.m-addon-card{border-radius:20px!important;box-shadow:0 10px 35px rgba(13,27,62,.055)!important}.m-footer-grid{grid-template-columns:1.3fr repeat(4,minmax(0,1fr))!important}.cms-workspace{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:16px}.cms-block-rail,.cms-preview-panel{background:#fff;border:1px solid var(--v23-line);border-radius:20px;padding:18px}.cms-builder-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.cms-builder-head h3{margin:2px 0}.cms-builder-head span,.cms-builder-head small{display:block;color:#6b7a92}.cms-add-block{width:100%;margin:14px 0}.cms-block-list{display:flex;flex-direction:column;gap:8px}.cms-block-list article{padding:12px;border:1px solid var(--v23-line);border-radius:13px}.cms-block-list article>div:first-child small,.cms-block-list article>div:first-child span{display:block;color:#6b7a92;font-size:.7rem}.cms-preview-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.cms-preview-toolbar button{border:1px solid var(--v23-line);background:#fff;border-radius:9px;padding:7px 10px}.cms-preview-toolbar button.active{background:#0d1b3e;color:#fff}.cms-preview-frame{margin:auto;border:1px solid #cfd9e7;border-radius:15px;overflow:auto;background:#eef3f9;transition:.2s;width:100%;padding:16px}.cms-preview-frame.device-tablet{width:min(760px,100%)}.cms-preview-frame.device-mobile{width:min(390px,100%)}.cms-preview-site{background:white;min-height:560px}.cms-preview-site>header,.cms-preview-site>footer{padding:14px 20px;background:#0d1b3e;color:white}.cms-preview-site section{padding:30px 24px;border-bottom:1px solid #eef1f5}.cms-preview-hero{padding:55px 30px!important;background:linear-gradient(135deg,#eaf4ff,#f7efff)}.cms-preview-hero h2{font-size:2.4rem;margin:8px 0}.cms-preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cms-preview-cards i,.cms-preview-pair i{display:grid;place-items:center;min-height:90px;background:#edf2f8;border-radius:10px;font-style:normal}.cms-preview-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}
@media(max-width:900px){.m-footer-grid{grid-template-columns:1fr 1fr!important}.cms-workspace{grid-template-columns:1fr}.cms-preview-panel{order:-1}}@media(max-width:620px){.v7-content{padding:18px 12px 90px!important}.app-card{border-radius:16px!important}.m-footer-grid{grid-template-columns:1fr!important}.cms-preview-panel{padding:10px}.cms-preview-hero h2{font-size:1.8rem}}

/* V23 RC3: essential Business Hub navigation and calendar interaction */
[data-view="products"], [data-view="website"]{display:flex!important}
.calendar-month-day[role="button"],.week-day[role="button"]{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.calendar-month-day[role="button"]:hover,.week-day[role="button"]:hover,.calendar-month-day[role="button"]:focus-visible,.week-day[role="button"]:focus-visible{outline:none;border-color:#7aa7ff;box-shadow:0 0 0 3px rgba(23,105,255,.12);background:#f8fbff}
.calendar-month-day.is-drop-target,.week-day.is-drop-target{border-color:#1769ff!important;background:#eef5ff!important;box-shadow:inset 0 0 0 2px rgba(23,105,255,.28)}

.website-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.website-admin-card>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.website-admin-card h2{margin:4px 0}.website-admin-card>header p{margin:0;color:#63728a}.website-admin-card .admin-limit-grid{margin:18px 0}.website-admin-card .admin-limit-grid>div{display:grid;gap:2px}.website-admin-card .admin-limit-grid small,.website-admin-card .admin-limit-grid span{color:#718096;font-size:.72rem}

.admin-scope-actions{display:flex;gap:6px;align-items:center}.tenant-context-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tenant-context-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;border:1px solid #d8e3ef;border-radius:14px;background:#fff;color:#102a58;text-decoration:none}.tenant-context-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4ff;color:#1769ff;font-size:1.2rem;font-weight:850}.tenant-context-card div{display:grid;gap:2px}.tenant-context-card small{color:#6d7e96}.tenant-context-card.primary{background:linear-gradient(135deg,#1769ff,#4f65ef);color:#fff;border-color:transparent;box-shadow:0 12px 28px rgba(23,105,255,.22)}.tenant-context-card.primary>span{background:rgba(255,255,255,.16);color:#fff}.tenant-context-card.primary small{color:#dce8ff}.tenant-technical-details summary{cursor:pointer;font-weight:800;color:#234b7f}.tenant-technical-details[open] summary{margin-bottom:14px}@media(max-width:1050px){.admin-scope-actions{display:none!important}}@media(max-width:680px){.tenant-context-actions{grid-template-columns:1fr}}

/* V23.4 complete signup details */
.signup-account-section{margin:18px 0;padding:18px;border:1px solid #dce6f1;border-radius:18px;background:#fbfdff}.signup-account-section legend{padding:0 8px;color:#0d1b3e;font-weight:900}.signup-account-section>.field-row:first-of-type{margin-top:4px}.signup-account-section [hidden]{display:none!important}.signup-account-form .field small{display:block;color:#68798e;font-size:.72rem;font-weight:500;margin-top:4px}.signup-account-form select{min-height:44px}.signup-plan-card.is-selected{box-shadow:0 18px 42px rgba(23,105,255,.15)}
@media(max-width:700px){.signup-account-section{padding:13px;margin:13px 0}.signup-account-form .field-row{grid-template-columns:1fr}}

/* V23 plan storytelling and complete signup details */
.signup-plan-card.is-featured{border-color:#2563eb;box-shadow:0 18px 48px rgba(37,99,235,.14)}
.signup-plan-audience{display:block;margin:.35rem 0;color:#2563eb!important;font-weight:850;text-transform:uppercase;letter-spacing:.07em;font-size:.66rem!important}
.signup-plan-headline{margin:.35rem 0 .5rem;color:#0d1b3e;font-size:.95rem;line-height:1.25}
.signup-account-assurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.signup-account-assurance span{padding:9px 10px;border-radius:11px;background:#eff8f3;color:#166534;font-size:.72rem;font-weight:750}
@media(max-width:700px){.signup-account-assurance{grid-template-columns:1fr}.signup-plan-headline{font-size:.9rem}}


/* V23 RC5 — production calendar time grid */
.calendar-time-viewport{max-height:72vh;overflow:auto;border:1px solid #dbe5f1;border-radius:16px;background:#fff;overscroll-behavior:contain}
.calendar-time-grid{display:grid;position:relative;background:#fff}
.calendar-time-corner,.calendar-day-head{position:sticky;top:0;z-index:8;min-height:64px;padding:10px;border-bottom:1px solid #dbe5f1;background:rgba(248,251,255,.97);backdrop-filter:blur(8px)}
.calendar-time-corner{left:0;z-index:10;display:grid;place-items:center;color:#64748b;font-size:.68rem;font-weight:850;text-align:center}
.calendar-day-head{display:grid;place-items:center;border-left:1px solid #e6edf5;text-align:center}.calendar-day-head span{color:#60708a;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.calendar-day-head strong{color:#0d1b3e;font-size:.95rem}.calendar-day-head small{color:#789;font-size:.65rem}
.calendar-time-labels{position:sticky;left:0;z-index:6;background:#f8fbff;border-right:1px solid #dbe5f1}.calendar-time-labels>div{display:flex;align-items:flex-start;justify-content:flex-end;padding:4px 8px 0 4px;border-bottom:1px solid #edf2f7;color:#64748b;font-size:.67rem;font-weight:750}
.calendar-day-lane{position:relative;border-right:1px solid #e3ebf4;background:#fff;overflow:hidden}.calendar-day-lane:last-child{border-right:0}.calendar-lane-slots{position:absolute;inset:0;display:grid;grid-template-rows:repeat(var(--slot-count),var(--slot-height))}
.calendar-time-slot{display:block;width:100%;height:var(--slot-height);padding:0;border:0;border-bottom:1px solid #edf2f7;background:transparent;cursor:crosshair;text-align:left}.calendar-time-slot:nth-child(2n){background:rgba(247,250,253,.55)}.calendar-time-slot:hover,.calendar-time-slot:focus-visible,.calendar-time-slot.is-drop-target{outline:none;background:#eaf3ff;box-shadow:inset 0 0 0 2px rgba(37,99,235,.28)}.calendar-time-slot span{position:absolute;left:-9999px}
.calendar-timed-booking,.calendar-time-block{position:absolute;top:var(--event-top);height:var(--event-height);left:5px;right:5px;z-index:4;display:grid;align-content:start;gap:2px;min-height:30px;padding:7px 8px;border:0;border-radius:10px;text-align:left;overflow:hidden;box-shadow:0 6px 18px rgba(13,27,62,.14)}
.calendar-timed-booking{border-left:5px solid var(--booking-colour,#1769ff);background:color-mix(in srgb,var(--booking-colour,#1769ff),#fff 88%);color:#0d1b3e;cursor:grab}.calendar-timed-booking:active{cursor:grabbing}.calendar-timed-booking span{font-size:.64rem;font-weight:900;color:#1557bb}.calendar-timed-booking strong{font-size:.74rem;line-height:1.15}.calendar-timed-booking small{font-size:.62rem;line-height:1.15;color:#596a82}.calendar-timed-booking.is-clipped:before{content:'↕';position:absolute;right:5px;top:4px;color:#64748b;font-size:.65rem}.calendar-timed-booking.cancelled{opacity:.45;text-decoration:line-through}.calendar-timed-booking.completed{background:#e7f8ef;border-left-color:#15803d}
.calendar-resize-handle{position:absolute;left:9px;right:9px;bottom:1px;height:8px;border-radius:99px;cursor:ns-resize;background:rgba(13,27,62,.18)}.calendar-resize-handle:hover,.calendar-resize-handle:focus{background:#1769ff}
.calendar-time-block{z-index:3;border:1px dashed #94a3b8;background:rgba(226,232,240,.82);color:#334155;cursor:pointer}.calendar-time-block span{font-size:.59rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.calendar-time-block strong{font-size:.69rem}.calendar-time-block small{font-size:.59rem}.calendar-time-block.block-leave,.calendar-time-block.block-sickness{background:rgba(254,226,226,.9);border-color:#ef4444}.calendar-time-block.block-break{background:rgba(254,249,195,.9);border-color:#ca8a04}.calendar-time-block.block-training{background:rgba(237,233,254,.9);border-color:#7c3aed}.calendar-time-block.block-travel{background:rgba(224,242,254,.9);border-color:#0284c7}
.calendar-card .calendar-toolbar{align-items:flex-start}.calendar-card .calendar-toolbar>.row-actions{justify-content:flex-end}.calendar-card .calendar-view-switch button{min-width:54px}.calendar-card .calendar-help{display:flex;flex-wrap:wrap;gap:7px 14px;padding:12px 15px;color:#5f6f84;font-size:.69rem}.calendar-card .calendar-help span:before{content:'✓';margin-right:5px;color:#15803d;font-weight:900}
@media(max-width:760px){.calendar-time-viewport{max-height:68vh}.calendar-time-grid{min-width:1260px!important}.calendar-time-corner,.calendar-day-head{min-height:58px}.calendar-timed-booking{left:3px;right:3px;padding:6px}.calendar-card .calendar-toolbar{display:grid}.calendar-card .calendar-toolbar>.row-actions{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.calendar-card .calendar-view-switch{overflow-x:auto;max-width:100%}}
/* RC6 Business Hub consistency */
.project-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{appearance:none;text-align:left;background:#fff;border:1px solid #dbe6f3;border-radius:18px;padding:17px;cursor:pointer;box-shadow:0 12px 36px rgba(13,27,62,.04)}.project-card:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(13,27,62,.08)}.project-card h3{margin:10px 0 5px;color:#0d1b3e}.project-card p{color:#66758d;font-size:.8rem;min-height:42px}.project-card-top{display:flex;gap:6px;justify-content:space-between}.project-progress{height:7px;background:#e8eef6;border-radius:99px;overflow:hidden;margin:14px 0 8px}.project-progress i{display:block;height:100%;background:linear-gradient(90deg,#1769ff,#29c2e9,#7455e8);border-radius:99px}.project-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.project-detail-head h3{font-size:1.55rem;margin:8px 0}.tenant-admin-body .app-card{border-radius:18px;border-color:#dce6f2}.tenant-admin-body .v7-topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.tenant-admin-body .v7-main{background:radial-gradient(circle at 15% 0,rgba(34,198,243,.06),transparent 28rem),#f5f8fc}.tenant-admin-body .mobile-primary-action{background:linear-gradient(135deg,#1769ff,#22b9ed,#7455e8)!important;color:#fff!important;box-shadow:0 10px 26px rgba(23,105,255,.28)!important;border:4px solid #fff!important}.tenant-admin-body .mobile-primary-action span{color:#fff!important}
@media(max-width:900px){.project-card-grid{grid-template-columns:1fr}.project-detail-head{display:block}}
