/* Alessa Dynamics / Fluent UI layer
   Global presentation only: no business, finance, permission or database logic. */
:root{
  --fluent-blue:#0f6cbd;
  --fluent-blue-hover:#115ea3;
  --fluent-blue-soft:#eff6fc;
  --fluent-ink:#242424;
  --fluent-muted:#616161;
  --fluent-border:#e1dfdd;
  --fluent-border-strong:#d1d1d1;
  --fluent-surface:#ffffff;
  --fluent-canvas:#f5f5f5;
  --fluent-sidebar:#f8f8f8;
  --fluent-danger:#c50f1f;
  --fluent-success:#107c10;
  --fluent-warning:#8a5d00;
  --fluent-radius:6px;
  --fluent-sidebar-width:238px;
  --fluent-sidebar-compact:68px;
  --fluent-topbar-height:58px;
  --fluent-shadow:0 1px 2px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);
}
html{scrollbar-gutter:stable}
body.alessa-dynamics{background:var(--fluent-canvas);color:var(--fluent-ink);font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:1.42;overflow-x:hidden}
body.alessa-dynamics.modal-open{padding-right:0!important}
body.alessa-dynamics a{transition:color .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}
body.alessa-dynamics .fluent-shell{min-height:100vh;display:flex;background:var(--fluent-canvas)}

/* Sidebar */
body.alessa-dynamics .fluent-sidebar{position:fixed;inset:0 auto 0 0;width:var(--fluent-sidebar-width);z-index:1040;background:var(--fluent-sidebar);color:var(--fluent-ink);border-right:1px solid var(--fluent-border);box-shadow:none;display:flex;flex-direction:column;overflow:hidden;transition:width .16s ease}
body.alessa-dynamics .fluent-brand{height:var(--fluent-topbar-height);display:flex;align-items:center;gap:8px;padding:0 10px 0 12px;background:#fff;border-bottom:1px solid var(--fluent-border);flex:0 0 auto}
body.alessa-dynamics .fluent-brand-link{min-width:0;display:flex;align-items:center;gap:10px;color:var(--fluent-ink);flex:1}
body.alessa-dynamics .fluent-brand-mark{width:34px;height:34px;flex:0 0 34px;border-radius:5px;display:grid;place-items:center;background:var(--fluent-blue);color:#fff;font-size:18px}
body.alessa-dynamics .fluent-brand-copy{min-width:0;display:block}
body.alessa-dynamics .fluent-brand-copy strong{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .fluent-brand-copy small{display:block;color:var(--fluent-muted);font-size:10px;margin-top:1px;letter-spacing:.02em}
body.alessa-dynamics .fluent-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#424242;font-size:18px;padding:0}
body.alessa-dynamics .fluent-icon-btn:hover{background:#edebe9;color:var(--fluent-blue)}
body.alessa-dynamics .sidebar-collapse-btn{flex:0 0 34px}
body.alessa-dynamics .fluent-sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 0 10px;scrollbar-width:thin}
body.alessa-dynamics .fluent-nav{display:block}
body.alessa-dynamics .fluent-nav-section{margin:0 0 5px}
body.alessa-dynamics .fluent-nav-heading{height:26px;display:flex;align-items:end;padding:0 14px 5px;font-size:9px;font-weight:700;color:#797775;letter-spacing:.1em;white-space:nowrap}
body.alessa-dynamics .fluent-nav-link{position:relative;height:38px;margin:1px 6px;display:flex;align-items:center;gap:9px;padding:0 9px;color:#323130;border-radius:4px;font-weight:600;white-space:nowrap;overflow:hidden}
body.alessa-dynamics .fluent-nav-link:hover{background:#edebe9;color:#201f1e}
body.alessa-dynamics .fluent-nav-link.active{background:#e5f1fb;color:#0f548c}
body.alessa-dynamics .fluent-nav-link.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:2px;background:var(--fluent-blue)}
body.alessa-dynamics .fluent-nav-link.is-sub{height:34px;padding-left:18px;font-size:12px;font-weight:500;color:#4b4a48}
body.alessa-dynamics .fluent-nav-link.is-sub .fluent-nav-icon{font-size:13px}
body.alessa-dynamics .fluent-nav-icon{width:24px;height:28px;flex:0 0 24px;display:grid;place-items:center;font-size:16px;color:#605e5c}
body.alessa-dynamics .fluent-nav-link.active .fluent-nav-icon{color:var(--fluent-blue)}
body.alessa-dynamics .fluent-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .fluent-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;font-size:10px;font-weight:700;background:#fde7e9;color:#a4262c}
body.alessa-dynamics .fluent-nav-badge.tone-warning{background:#fff4ce;color:#8a5d00}
body.alessa-dynamics .fluent-sidebar-footer{flex:0 0 auto;padding:9px;border-top:1px solid var(--fluent-border);background:#fff}
body.alessa-dynamics .fluent-user-card{display:flex;align-items:center;gap:9px;min-width:0;padding:6px}
body.alessa-dynamics .fluent-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#e5f1fb;color:#0f548c;font-weight:700;font-size:13px;border:1px solid #c7e0f4}
body.alessa-dynamics .fluent-avatar.is-small{width:28px;height:28px;flex-basis:28px;font-size:11px}
body.alessa-dynamics .fluent-user-copy{min-width:0;display:block}
body.alessa-dynamics .fluent-user-copy strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .fluent-user-copy small{display:block;color:var(--fluent-muted);font-size:10px;margin-top:1px}
body.alessa-dynamics .fluent-logout-link{height:34px;margin-top:4px;display:flex;align-items:center;gap:10px;padding:0 9px;border-radius:4px;color:#605e5c;font-weight:600}
body.alessa-dynamics .fluent-logout-link:hover{background:#fde7e9;color:#a4262c}

/* Compact sidebar */
body.alessa-dynamics.sidebar-compact .fluent-sidebar{width:var(--fluent-sidebar-compact)}
body.alessa-dynamics.sidebar-compact .fluent-main{margin-left:var(--fluent-sidebar-compact);width:calc(100% - var(--fluent-sidebar-compact))}
body.alessa-dynamics.sidebar-compact .fluent-brand{padding-left:12px;justify-content:center}
body.alessa-dynamics.sidebar-compact .fluent-brand-link{display:none}
body.alessa-dynamics.sidebar-compact .sidebar-collapse-btn{display:grid;flex:0 0 34px}
body.alessa-dynamics.sidebar-compact .fluent-brand-link,
body.alessa-dynamics.sidebar-compact .fluent-brand-copy,
body.alessa-dynamics.sidebar-compact .fluent-nav-heading,
body.alessa-dynamics.sidebar-compact .fluent-nav-text,
body.alessa-dynamics.sidebar-compact .fluent-nav-badge,
body.alessa-dynamics.sidebar-compact .fluent-user-copy,
body.alessa-dynamics.sidebar-compact .fluent-logout-link span{display:none}
body.alessa-dynamics.sidebar-compact .fluent-nav-section{margin-bottom:3px}
body.alessa-dynamics.sidebar-compact .fluent-nav-link,
body.alessa-dynamics.sidebar-compact .fluent-nav-link.is-sub{width:48px;height:40px;margin:2px 10px;padding:0;justify-content:center}
body.alessa-dynamics.sidebar-compact .fluent-nav-icon{width:40px;flex-basis:40px;font-size:17px}
body.alessa-dynamics.sidebar-compact .fluent-nav-link.is-sub .fluent-nav-icon{font-size:15px}
body.alessa-dynamics.sidebar-compact .fluent-sidebar-footer{padding:8px}
body.alessa-dynamics.sidebar-compact .fluent-user-card{justify-content:center;padding:5px 0}
body.alessa-dynamics.sidebar-compact .fluent-logout-link{justify-content:center;padding:0}

/* Main/topbar */
body.alessa-dynamics .fluent-main{margin-left:var(--fluent-sidebar-width);width:calc(100% - var(--fluent-sidebar-width));min-height:100vh;transition:margin-left .16s ease,width .16s ease}
body.alessa-dynamics .fluent-topbar{height:var(--fluent-topbar-height);position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--fluent-border);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:none;backdrop-filter:none}
body.alessa-dynamics .fluent-topbar-left{min-width:0;display:flex;align-items:center;gap:9px}
body.alessa-dynamics .fluent-page-heading{min-width:0}
body.alessa-dynamics .page-title{font-size:17px;font-weight:600;line-height:1.15;margin:0;letter-spacing:0;color:#201f1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .page-subtitle{font-size:10px;color:#797775;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .fluent-topbar-actions{display:flex;align-items:center;gap:10px}
body.alessa-dynamics .fluent-session-pill{height:30px;padding:0 9px;border:1px solid #d2e9d2;border-radius:4px;display:flex;align-items:center;gap:6px;color:#0b6a0b;background:#f1faf1;font-size:11px;font-weight:600}
body.alessa-dynamics .fluent-user-chip{display:flex;align-items:center;gap:7px;min-width:0;border-left:1px solid var(--fluent-border);padding-left:10px}
body.alessa-dynamics .fluent-user-chip strong{display:block;font-size:11px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .fluent-user-chip small{display:block;font-size:9px;color:#797775}
body.alessa-dynamics .fluent-content{padding:14px 16px 24px}
body.alessa-dynamics .fluent-page-shell{width:100%;max-width:none;margin:0 auto}

/* Fluent mobile */
body.alessa-dynamics .fluent-mobile-menu{width:min(330px,88vw);background:#fff;color:var(--fluent-ink)}
body.alessa-dynamics .fluent-mobile-menu .offcanvas-header{height:60px;border-bottom:1px solid var(--fluent-border)}
body.alessa-dynamics .fluent-mobile-brand{font-weight:700;font-size:14px}
body.alessa-dynamics .fluent-mobile-nav{min-height:0;overflow:auto;padding:6px 0}
body.alessa-dynamics .fluent-mobile-footer{padding:10px;border-top:1px solid var(--fluent-border);background:#fafafa}

/* Global Dynamics controls */
body.alessa-dynamics .card,
body.alessa-dynamics .card-soft,
body.alessa-dynamics .stat-card,
body.alessa-dynamics .toolbar,
body.alessa-dynamics .chart-card,
body.alessa-dynamics .quick-card,
body.alessa-dynamics .discount-alert-card{border:1px solid var(--fluent-border)!important;border-radius:var(--fluent-radius)!important;background:#fff;box-shadow:var(--fluent-shadow)!important}
body.alessa-dynamics .card-soft{overflow:visible}
body.alessa-dynamics .toolbar{padding:12px!important;margin-bottom:12px!important}
body.alessa-dynamics .section-title{font-size:15px;font-weight:600;letter-spacing:0;color:#201f1e}
body.alessa-dynamics .eyebrow{border-radius:4px!important;background:#f3f2f1!important;padding:5px 8px!important;color:#605e5c!important;font-size:9px!important;letter-spacing:.08em!important;box-shadow:none!important}
body.alessa-dynamics .btn{min-height:32px;border-radius:4px!important;font-size:12px;font-weight:600;padding:5px 10px;box-shadow:none!important;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}
body.alessa-dynamics .btn-sm{min-height:28px;padding:3px 8px;font-size:11px}
body.alessa-dynamics .btn-lg{min-height:38px;padding:7px 12px;font-size:13px}
body.alessa-dynamics .btn-primary{--bs-btn-bg:var(--fluent-blue);--bs-btn-border-color:var(--fluent-blue);--bs-btn-hover-bg:var(--fluent-blue-hover);--bs-btn-hover-border-color:var(--fluent-blue-hover);--bs-btn-active-bg:#0c3b5e}
body.alessa-dynamics .btn-dark{--bs-btn-bg:#323130;--bs-btn-border-color:#323130;--bs-btn-hover-bg:#201f1e;--bs-btn-hover-border-color:#201f1e}
body.alessa-dynamics .btn-success{--bs-btn-bg:#107c10;--bs-btn-border-color:#107c10;--bs-btn-hover-bg:#0b6a0b;--bs-btn-hover-border-color:#0b6a0b}
body.alessa-dynamics .btn-danger{--bs-btn-bg:#c50f1f;--bs-btn-border-color:#c50f1f;--bs-btn-hover-bg:#a80000;--bs-btn-hover-border-color:#a80000}
body.alessa-dynamics .btn-warning{--bs-btn-bg:#ffb900;--bs-btn-border-color:#ffb900;--bs-btn-color:#201f1e;--bs-btn-hover-bg:#eaa300;--bs-btn-hover-border-color:#eaa300}
body.alessa-dynamics .btn-info{--bs-btn-bg:#e5f1fb;--bs-btn-border-color:#c7e0f4;--bs-btn-color:#0f548c;--bs-btn-hover-bg:#c7e0f4;--bs-btn-hover-border-color:#91c5e8;--bs-btn-hover-color:#0f548c}
body.alessa-dynamics .form-label{font-size:11px;font-weight:600;color:#424242;margin-bottom:4px}
body.alessa-dynamics .form-control,
body.alessa-dynamics .form-select{min-height:34px;border-radius:3px!important;border:1px solid #8a8886;background:#fff;font-size:12px;color:#242424;padding:5px 8px;box-shadow:none}
body.alessa-dynamics textarea.form-control{min-height:82px}
body.alessa-dynamics .form-control:focus,
body.alessa-dynamics .form-select:focus{border-color:var(--fluent-blue);box-shadow:0 0 0 1px var(--fluent-blue)!important}
body.alessa-dynamics .form-control:disabled,
body.alessa-dynamics .form-select:disabled{background:#f3f2f1;color:#797775;border-color:#d2d0ce}
body.alessa-dynamics .form-text{font-size:10px;color:#797775}
body.alessa-dynamics .input-group-text{border-radius:3px;border-color:#8a8886;background:#f3f2f1;font-size:12px}
body.alessa-dynamics .badge{border-radius:3px!important;font-size:10px;font-weight:600;padding:4px 6px;letter-spacing:0}
body.alessa-dynamics .rounded-4,
body.alessa-dynamics .rounded-3{border-radius:var(--fluent-radius)!important}
body.alessa-dynamics .alert{border-radius:4px!important;border-width:1px!important;box-shadow:none!important;padding:10px 12px;font-size:12px}
body.alessa-dynamics .alert-warning{background:#fff4ce;border-color:#f8d22a;color:#5c4400}
body.alessa-dynamics .alert-danger{background:#fde7e9;border-color:#eec0c4;color:#750b1c}
body.alessa-dynamics .alert-success{background:#dff6dd;border-color:#a7d8a5;color:#0b5a0b}
body.alessa-dynamics .alert-info{background:#eff6fc;border-color:#c7e0f4;color:#0f548c}
body.alessa-dynamics .nav-tabs{border-bottom:1px solid var(--fluent-border);gap:0}
body.alessa-dynamics .nav-tabs .nav-link{border:0;border-radius:0!important;color:#605e5c;font-weight:600;font-size:12px;padding:8px 12px;margin:0;position:relative}
body.alessa-dynamics .nav-tabs .nav-link.active{color:var(--fluent-blue);background:transparent}
body.alessa-dynamics .nav-tabs .nav-link.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--fluent-blue)}
body.alessa-dynamics .dropdown-menu{border:1px solid #d2d0ce;border-radius:4px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.14);font-size:12px}
body.alessa-dynamics .dropdown-item{min-height:32px;border-radius:3px;display:flex;align-items:center;gap:7px;padding:5px 8px}
body.alessa-dynamics .dropdown-item:hover{background:#f3f2f1}
body.alessa-dynamics hr{border-color:var(--fluent-border);opacity:1}

/* Data grids */
body.alessa-dynamics .table-responsive{border-radius:4px;scrollbar-width:thin;scrollbar-color:#c8c6c4 #f3f2f1}
body.alessa-dynamics .table{margin-bottom:0;color:#323130;border-color:#edebe9;font-size:11px;--bs-table-hover-bg:#f7fbff}
body.alessa-dynamics .table>:not(caption)>*>*{padding:7px 8px;border-color:#edebe9;vertical-align:middle}
body.alessa-dynamics .table thead th,
body.alessa-dynamics .table-dark th,
body.alessa-dynamics thead.table-dark th{position:sticky;top:0;z-index:4;background:#f3f2f1!important;color:#323130!important;border-color:#d2d0ce!important;font-size:10px;font-weight:700;text-transform:none;letter-spacing:0;white-space:nowrap;box-shadow:inset 0 -1px 0 #d2d0ce}
body.alessa-dynamics .table tbody tr{height:42px;transition:background .1s ease}
body.alessa-dynamics .table tbody tr:hover{background:#f8fbfe}
body.alessa-dynamics .table-bordered>:not(caption)>*{border-width:0}
body.alessa-dynamics .table-bordered>:not(caption)>*>*{border-width:0 0 1px}
body.alessa-dynamics .table .btn-group{display:inline-flex;align-items:center;gap:3px;flex-wrap:nowrap!important}
body.alessa-dynamics .table .btn-group>.btn{border-radius:3px!important;margin:0!important}
body.alessa-dynamics .table .btn-group>.btn:not(:first-child){margin-left:0}
body.alessa-dynamics .table td .small{font-size:9.5px!important;line-height:1.25}
body.alessa-dynamics .table td strong{font-weight:600}
body.alessa-dynamics .table td{overflow-wrap:normal;word-break:normal}
body.alessa-dynamics .table .text-muted{color:#797775!important}
body.alessa-dynamics .pagination .page-link{border-radius:3px!important;color:var(--fluent-blue);font-size:11px}

/* Modals and offcanvas */
body.alessa-dynamics .modal-backdrop{background:#201f1e}
body.alessa-dynamics .modal-backdrop.show{opacity:.36}
body.alessa-dynamics .modal-dialog{margin-top:18px;margin-bottom:18px}
body.alessa-dynamics .modal-content{border:1px solid #c8c6c4!important;border-radius:6px!important;box-shadow:0 12px 40px rgba(0,0,0,.22)!important;overflow:hidden}
body.alessa-dynamics .modal-header{min-height:52px;padding:10px 14px;background:#fff!important;color:#201f1e!important;border-bottom:1px solid var(--fluent-border)!important}
body.alessa-dynamics .modal-header.bg-dark,
body.alessa-dynamics .modal-header.bg-primary,
body.alessa-dynamics .modal-header.bg-danger,
body.alessa-dynamics .modal-header.bg-success{background:#fff!important;color:#201f1e!important}
body.alessa-dynamics .modal-header .btn-close-white{filter:none}
body.alessa-dynamics .modal-title{font-size:14px;font-weight:600!important}
body.alessa-dynamics .modal-body{padding:14px!important;max-height:calc(100dvh - 150px);overflow:auto}
body.alessa-dynamics .modal-footer{padding:9px 12px;background:#fafafa!important;border-top:1px solid var(--fluent-border)!important}
body.alessa-dynamics .fluent-confirm-modal .modal-dialog{max-width:440px}
body.alessa-dynamics .fluent-confirm-modal .modal-header{display:flex;align-items:center;gap:10px}
body.alessa-dynamics .fluent-confirm-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fde7e9;color:#c50f1f;font-size:17px;flex:0 0 34px}

/* Common page components: tone down old rounded/gradient UI without removing information */
body.alessa-dynamics .stat-card{padding:14px!important;min-height:104px}
body.alessa-dynamics .stat-card:after{display:none!important}
body.alessa-dynamics .stat-card .number{font-size:23px!important;font-weight:600!important;letter-spacing:-.02em}
body.alessa-dynamics .stat-card .icon{width:34px;height:34px;border-radius:4px!important;background:#eff6fc;color:var(--fluent-blue);font-size:16px;margin-bottom:8px}
body.alessa-dynamics .room-card,
body.alessa-dynamics .room-card-pro,
body.alessa-dynamics .empty-room-card{border-radius:6px!important;box-shadow:none!important}
body.alessa-dynamics .room-card-pro:hover{transform:none!important;box-shadow:var(--fluent-shadow)!important}
body.alessa-dynamics .room-status{border-radius:3px!important;padding:4px 6px!important}
body.alessa-dynamics .room-actions-pro{background:#fafafa!important}
body.alessa-dynamics .dashboard-hero{border-radius:6px!important;box-shadow:var(--fluent-shadow)!important}
body.alessa-dynamics .metric-pill{border-radius:4px!important}
body.alessa-dynamics .quick-card,
body.alessa-dynamics .action-btn,
body.alessa-dynamics .mini-row,
body.alessa-dynamics .discount-alert-card,
body.alessa-dynamics .today-checkout-alert,
body.alessa-dynamics .today-checkout-item{border-radius:6px!important}
body.alessa-dynamics .action-btn:hover,
body.alessa-dynamics .quick-card:hover{transform:none!important;box-shadow:var(--fluent-shadow)!important}
body.alessa-dynamics .today-checkout-alert{animation:none!important}
body.alessa-dynamics .today-checkout-blink{animation:none!important}

/* Settings and dense forms */
body.alessa-dynamics .settings-nav .nav-link{border-radius:3px!important;font-size:12px;padding:7px 9px}
body.alessa-dynamics .settings-nav .nav-link.active{background:#e5f1fb!important;color:#0f548c!important}
body.alessa-dynamics .sortable-item,
body.alessa-dynamics .room-gallery-item,
body.alessa-dynamics .room-feature-admin-item{border-radius:4px!important;box-shadow:none!important}

/* Reservation table: stable notebook layout */
body.alessa-dynamics[data-active-module="reservations"] .table-responsive{max-height:calc(100dvh - 235px);overflow:auto;position:relative}
body.alessa-dynamics[data-active-module="reservations"] .table{min-width:1160px;table-layout:auto}
body.alessa-dynamics[data-active-module="reservations"] .table tbody tr{height:50px}
body.alessa-dynamics[data-active-module="reservations"] .reservation-source-col{width:118px!important;min-width:118px!important;max-width:130px!important}
body.alessa-dynamics[data-active-module="reservations"] .collect-payment-alert{border-radius:3px!important;animation:none!important;box-shadow:none!important;padding:4px 7px!important;font-size:10px!important}
body.alessa-dynamics[data-active-module="reservations"] .empty-room-trigger{animation:none!important;box-shadow:none!important}
body.alessa-dynamics[data-active-module="reservations"] .empty-room-trigger .count-badge{border-radius:3px!important;width:auto!important;min-width:25px!important;height:24px!important;font-size:11px!important}
body.alessa-dynamics .reservation-actions{display:grid;grid-template-columns:repeat(2,minmax(84px,1fr));gap:3px;width:188px;min-width:188px}
body.alessa-dynamics .reservation-actions .btn{width:100%;min-height:28px;padding:3px 5px;font-size:10.5px;overflow:hidden;text-overflow:ellipsis}
body.alessa-dynamics .reservation-actions .dropdown{grid-column:1/-1}
body.alessa-dynamics .reservation-actions .dropdown>.btn{width:100%}
body.alessa-dynamics .reservation-actions-cell{width:198px;min-width:198px;max-width:198px;background:#fff;position:sticky;right:0;z-index:2;box-shadow:-1px 0 0 #edebe9}
body.alessa-dynamics thead .reservation-actions-cell{z-index:7;background:#f3f2f1}
body.alessa-dynamics .reservation-row-flash{animation:fluentRowFlash 1.4s ease-out}
@keyframes fluentRowFlash{0%{background:#fff4ce}100%{background:transparent}}

/* Login aligned with the same language */
body.login-page-pro{font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif;background:#f3f2f1!important}
body.login-page-pro:before{background:linear-gradient(135deg,#0f6cbd 0%,#0f548c 55%,#0b3a5a 100%)!important;opacity:1}
body.login-page-pro .login-bg-orb{display:none}
body.login-page-pro .login-card-pro{border-radius:6px!important;border:1px solid #d2d0ce!important;box-shadow:0 12px 34px rgba(0,0,0,.16)!important;padding:30px!important;max-width:440px!important}
body.login-page-pro .login-form-icon{width:46px;height:46px;border-radius:5px!important;background:#0f6cbd!important;box-shadow:none!important;font-size:22px}
body.login-page-pro .login-mini-label{border-radius:3px!important;background:#eff6fc!important;border-color:#c7e0f4!important;color:#0f548c!important;font-size:9px!important;padding:4px 7px!important}
body.login-page-pro .login-input-group .form-control{height:42px!important;border-radius:3px!important;background:#fff!important;border:1px solid #8a8886!important;font-weight:500!important}
body.login-page-pro .login-eye{border-radius:3px!important}
body.login-page-pro .login-submit{height:42px!important;border-radius:3px!important;background:#0f6cbd!important;box-shadow:none!important;font-weight:600!important}

/* Desktop notebook tuning */
@media (max-width:1500px) and (min-width:992px){
  :root{--fluent-sidebar-width:218px}
  body.alessa-dynamics .fluent-content{padding:12px 12px 20px}
  body.alessa-dynamics .table{font-size:10.5px}
  body.alessa-dynamics .table>:not(caption)>*>*{padding:6px 6px}
  body.alessa-dynamics .btn{font-size:11px;padding-left:8px;padding-right:8px}
  body.alessa-dynamics .fluent-user-chip strong{max-width:100px}
}
@media (max-height:800px) and (min-width:992px){
  :root{--fluent-topbar-height:52px}
  body.alessa-dynamics .fluent-nav-heading{height:21px;padding-bottom:3px}
  body.alessa-dynamics .fluent-nav-link{height:34px}
  body.alessa-dynamics .fluent-nav-link.is-sub{height:30px}
  body.alessa-dynamics .fluent-sidebar-scroll{padding-top:4px}
  body.alessa-dynamics .fluent-content{padding-top:10px}
  body.alessa-dynamics[data-active-module="reservations"] .table-responsive{max-height:calc(100dvh - 205px)}
}
@media (max-width:991.98px){
  body.alessa-dynamics .fluent-sidebar{display:none!important}
  body.alessa-dynamics .fluent-main,
  body.alessa-dynamics.sidebar-compact .fluent-main{margin-left:0;width:100%}
  body.alessa-dynamics .fluent-topbar{padding:0 10px}
  body.alessa-dynamics .fluent-session-pill{display:none}
  body.alessa-dynamics .fluent-user-chip span:not(.fluent-avatar){display:none}
  body.alessa-dynamics .fluent-content{padding:10px}
  body.alessa-dynamics .table-responsive{max-height:none!important}
  body.alessa-dynamics .card-soft{overflow:hidden}
}
@media (max-width:575.98px){
  body.alessa-dynamics .fluent-topbar-actions .fluent-user-chip{display:none}
  body.alessa-dynamics .page-title{font-size:15px}
  body.alessa-dynamics .page-subtitle{font-size:9px}
  body.alessa-dynamics .btn{white-space:normal}
  body.alessa-dynamics .modal-dialog{margin:8px}
  body.alessa-dynamics .modal-body{max-height:calc(100dvh - 132px)}
}
@media print{
  body.alessa-dynamics .fluent-sidebar,
  body.alessa-dynamics .fluent-topbar,
  body.alessa-dynamics .fluent-mobile-menu{display:none!important}
  body.alessa-dynamics .fluent-main{margin-left:0!important;width:100%!important}
  body.alessa-dynamics .fluent-content{padding:0!important}
}

/* Dashboard Fluent override: preserve every metric and link, replace visual language only. */
body.alessa-dynamics .dashboard-hero{background:#fff!important;color:#242424!important;border:1px solid var(--fluent-border)!important;padding:16px!important}
body.alessa-dynamics .dashboard-hero:before,
body.alessa-dynamics .dashboard-hero:after{display:none!important}
body.alessa-dynamics .dashboard-hero h2{font-size:19px!important;font-weight:600!important;letter-spacing:0!important;color:#201f1e!important}
body.alessa-dynamics .hero-chip{background:#eff6fc!important;border:1px solid #c7e0f4!important;color:#0f548c!important;border-radius:3px!important;padding:5px 8px!important;font-size:10px!important;font-weight:600!important}
body.alessa-dynamics .hero-label{color:#797775!important}
body.alessa-dynamics .metric-strip{gap:8px!important}
body.alessa-dynamics .metric-pill{background:#fafafa!important;border:1px solid var(--fluent-border)!important;color:#242424!important;padding:10px 12px!important}
body.alessa-dynamics a.metric-pill{color:#242424!important}
body.alessa-dynamics .metric-pill strong{font-size:19px!important;font-weight:600!important;color:#201f1e!important}
body.alessa-dynamics .metric-pill span{color:#605e5c!important;font-size:10px!important;font-weight:500!important}
body.alessa-dynamics .quick-card{padding:12px!important}
body.alessa-dynamics .quick-card .quick-icon{border-radius:4px!important;background:#eff6fc!important;color:#0f548c!important}
body.alessa-dynamics .quick-value{font-size:20px!important;font-weight:600!important}
body.alessa-dynamics .quick-label{font-size:10px!important;font-weight:500!important;color:#605e5c!important}
body.alessa-dynamics .chart-card{padding:14px!important}
body.alessa-dynamics .chart-title{font-size:14px!important;font-weight:600!important;letter-spacing:0!important}
body.alessa-dynamics .mini-row{padding:9px 10px!important}
body.alessa-dynamics .mini-title{font-weight:600!important}
body.alessa-dynamics .status-badge{border-radius:3px!important;padding:4px 6px!important;font-size:10px!important;font-weight:600!important}
body.alessa-dynamics .action-grid{gap:8px!important}
body.alessa-dynamics .action-btn{padding:10px!important;border-radius:4px!important;font-weight:600!important}
body.alessa-dynamics .action-btn i{width:32px!important;height:32px!important;border-radius:4px!important}
body.alessa-dynamics .discount-alert-card{background:#fff!important;border-color:#e1dfdd!important}
body.alessa-dynamics .discount-total{border-radius:3px!important}

/* ============================================================
   ALESSA MICROSOFT DYNAMICS CRM / CORPORATE NAVY V6.2
   Presentation layer only. Business / finance / reservation logic untouched.
   ============================================================ */
:root{
  --crm-navy:#0b1f3a;
  --crm-navy-2:#102a4c;
  --crm-navy-3:#173a64;
  --crm-blue:#0f6cbd;
  --crm-blue-hover:#115ea3;
  --crm-blue-soft:#eaf3fb;
  --crm-canvas:#f3f5f8;
  --crm-surface:#ffffff;
  --crm-border:#d8dee7;
  --crm-border-soft:#e8ecf2;
  --crm-ink:#1f2937;
  --crm-muted:#687386;
  --crm-sidebar-width:248px;
  --crm-sidebar-compact:72px;
  --crm-topbar-height:58px;
  --crm-radius:4px;
  --crm-shadow:0 1px 2px rgba(16,42,76,.05),0 4px 14px rgba(16,42,76,.04);
}
html{background:var(--crm-canvas)}
body.alessa-dynamics{
  background:var(--crm-canvas)!important;
  color:var(--crm-ink)!important;
  font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif!important;
  font-size:13px!important;
}
body.alessa-dynamics .fluent-shell{background:var(--crm-canvas)!important}

/* Dynamics CRM left navigation */
body.alessa-dynamics .fluent-sidebar{
  width:var(--crm-sidebar-width)!important;
  background:var(--crm-navy)!important;
  color:#fff!important;
  border-right:1px solid #07172c!important;
  box-shadow:2px 0 8px rgba(5,20,39,.10)!important;
  transition:none!important;
}
body.alessa-dynamics .fluent-brand{
  height:var(--crm-topbar-height)!important;
  padding:0 10px 0 12px!important;
  background:var(--crm-navy)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  gap:8px!important;
  position:relative!important;
}
body.alessa-dynamics .fluent-brand-link{color:#fff!important;gap:10px!important;min-width:0!important}
body.alessa-dynamics .fluent-brand-mark{
  width:34px!important;height:34px!important;flex:0 0 34px!important;
  border-radius:3px!important;background:var(--crm-blue)!important;color:#fff!important;
  box-shadow:none!important;font-size:17px!important
}
body.alessa-dynamics .fluent-brand-copy strong{
  color:#fff!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.005em!important
}
body.alessa-dynamics .fluent-brand-copy small{color:#a8b9ce!important;font-size:9.5px!important}
body.alessa-dynamics .sidebar-collapse-btn{
  width:32px!important;height:32px!important;flex:0 0 32px!important;
  color:#d8e4f1!important;background:transparent!important;border:1px solid transparent!important;
  border-radius:3px!important;position:static!important
}
body.alessa-dynamics .sidebar-collapse-btn:hover,
body.alessa-dynamics .sidebar-collapse-btn:focus{
  background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important
}
body.alessa-dynamics .fluent-sidebar-scroll{
  padding:8px 6px 12px!important;background:var(--crm-navy)!important;scrollbar-color:#365475 transparent!important
}
body.alessa-dynamics .fluent-nav-section{margin:0 0 7px!important}
body.alessa-dynamics .fluent-nav-heading{
  height:26px!important;padding:0 10px 5px!important;color:#8199b6!important;
  font-size:8.5px!important;font-weight:700!important;letter-spacing:.11em!important
}
body.alessa-dynamics .fluent-nav-link{
  min-height:38px!important;height:38px!important;margin:1px 0!important;padding:0 10px!important;
  gap:9px!important;border-radius:3px!important;color:#d8e4f1!important;background:transparent!important;
  font-size:11.5px!important;font-weight:600!important;border:1px solid transparent!important
}
body.alessa-dynamics .fluent-nav-link.is-sub{
  min-height:38px!important;height:38px!important;padding:0 10px!important;
  gap:9px!important;color:#b8c8da!important;font-size:11.5px!important;font-weight:500!important
}
body.alessa-dynamics .fluent-nav-link.is-sub .fluent-nav-icon{
  width:24px!important;height:28px!important;flex:0 0 24px!important;font-size:15px!important
}
body.alessa-dynamics .fluent-nav-link:hover{
  background:var(--crm-navy-2)!important;color:#fff!important;border-color:rgba(255,255,255,.03)!important
}
body.alessa-dynamics .fluent-nav-link.active{
  background:var(--crm-blue)!important;color:#fff!important;border-color:var(--crm-blue)!important;font-weight:650!important
}
body.alessa-dynamics .fluent-nav-link.active:before{display:none!important}
body.alessa-dynamics .fluent-nav-icon{
  width:24px!important;height:28px!important;flex:0 0 24px!important;color:#a9bed5!important;font-size:15px!important
}
body.alessa-dynamics .fluent-nav-link:hover .fluent-nav-icon,
body.alessa-dynamics .fluent-nav-link.active .fluent-nav-icon{color:#fff!important}
body.alessa-dynamics .fluent-nav-badge{
  background:#d83b3b!important;color:#fff!important;border:0!important;border-radius:9px!important;
  min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:9px!important
}
body.alessa-dynamics .fluent-nav-badge.tone-warning{background:#c27a00!important;color:#fff!important}
body.alessa-dynamics .fluent-sidebar-footer{
  background:#081a31!important;border-top:1px solid rgba(255,255,255,.09)!important;padding:8px!important
}
body.alessa-dynamics .fluent-user-card{padding:5px 4px!important;gap:8px!important}
body.alessa-dynamics .fluent-sidebar-footer .fluent-avatar{
  background:#173a64!important;color:#fff!important;border-color:#294f78!important
}
body.alessa-dynamics .fluent-sidebar-footer .fluent-user-copy strong{color:#f4f7fb!important}
body.alessa-dynamics .fluent-sidebar-footer .fluent-user-copy small{color:#91a9c3!important}
body.alessa-dynamics .fluent-logout-link{
  color:#b9c9da!important;border-radius:3px!important;margin-top:3px!important;height:32px!important
}
body.alessa-dynamics .fluent-logout-link:hover{background:#3b1720!important;color:#fff!important}

/* Stable desktop compact rail: no absolute positioning, no width animation. */
body.alessa-dynamics.sidebar-compact .fluent-sidebar{width:var(--crm-sidebar-compact)!important}
body.alessa-dynamics.sidebar-compact .fluent-main{
  margin-left:var(--crm-sidebar-compact)!important;width:calc(100% - var(--crm-sidebar-compact))!important
}
body.alessa-dynamics.sidebar-compact .fluent-brand{
  padding:0!important;justify-content:center!important;gap:0!important
}
body.alessa-dynamics.sidebar-compact .fluent-brand-link{display:none!important}
body.alessa-dynamics.sidebar-compact .sidebar-collapse-btn{
  display:grid!important;position:static!important;width:38px!important;height:38px!important;flex:0 0 38px!important;margin:0!important
}
body.alessa-dynamics.sidebar-compact .fluent-brand-copy,
body.alessa-dynamics.sidebar-compact .fluent-nav-heading,
body.alessa-dynamics.sidebar-compact .fluent-nav-text,
body.alessa-dynamics.sidebar-compact .fluent-nav-badge,
body.alessa-dynamics.sidebar-compact .fluent-user-copy,
body.alessa-dynamics.sidebar-compact .fluent-logout-link span{display:none!important}
body.alessa-dynamics.sidebar-compact .fluent-sidebar-scroll{padding:8px 6px 12px!important}
body.alessa-dynamics.sidebar-compact .fluent-nav-section{margin-bottom:4px!important}
body.alessa-dynamics.sidebar-compact .fluent-nav-link,
body.alessa-dynamics.sidebar-compact .fluent-nav-link.is-sub{
  width:58px!important;min-width:58px!important;height:40px!important;min-height:40px!important;
  margin:2px 1px!important;padding:0!important;justify-content:center!important;gap:0!important
}
body.alessa-dynamics.sidebar-compact .fluent-nav-icon,
body.alessa-dynamics.sidebar-compact .fluent-nav-link.is-sub .fluent-nav-icon{
  width:40px!important;min-width:40px!important;flex:0 0 40px!important;height:34px!important;
  display:grid!important;place-items:center!important;font-size:17px!important;position:static!important
}
body.alessa-dynamics.sidebar-compact .fluent-sidebar-footer{padding:7px!important}
body.alessa-dynamics.sidebar-compact .fluent-user-card{justify-content:center!important;padding:4px 0!important}
body.alessa-dynamics.sidebar-compact .fluent-logout-link{justify-content:center!important;padding:0!important;margin-top:3px!important}
body.alessa-dynamics.sidebar-compact .fluent-logout-link i{font-size:16px!important}

/* Main work area / Dynamics top bar */
body.alessa-dynamics .fluent-main{
  margin-left:var(--crm-sidebar-width)!important;width:calc(100% - var(--crm-sidebar-width))!important;
  min-height:100vh!important;transition:none!important;background:var(--crm-canvas)!important
}
body.alessa-dynamics .fluent-topbar{
  height:var(--crm-topbar-height)!important;padding:0 18px!important;background:#fff!important;
  border-bottom:1px solid var(--crm-border)!important;box-shadow:0 1px 0 rgba(16,42,76,.02)!important;
  backdrop-filter:none!important
}
body.alessa-dynamics .page-title{
  color:var(--crm-navy)!important;font-size:17px!important;font-weight:650!important;letter-spacing:0!important
}
body.alessa-dynamics .page-subtitle{color:#7a8596!important;font-size:9.5px!important;margin-top:2px!important}
body.alessa-dynamics .fluent-session-pill{
  height:30px!important;border-radius:3px!important;background:#f2f8f3!important;border:1px solid #cfe2d2!important;
  color:#276738!important;padding:0 9px!important;font-size:10.5px!important
}
body.alessa-dynamics .fluent-user-chip{border-left-color:var(--crm-border)!important;padding-left:11px!important}
body.alessa-dynamics .fluent-user-chip .fluent-avatar{
  background:var(--crm-blue-soft)!important;color:var(--crm-blue)!important;border-color:#c7dff2!important
}
body.alessa-dynamics .fluent-content{padding:14px 16px 24px!important;background:var(--crm-canvas)!important}

/* Dynamics surfaces */
body.alessa-dynamics .card,
body.alessa-dynamics .card-soft,
body.alessa-dynamics .stat-card,
body.alessa-dynamics .toolbar,
body.alessa-dynamics .chart-card,
body.alessa-dynamics .quick-card,
body.alessa-dynamics .discount-alert-card{
  border:1px solid var(--crm-border)!important;border-radius:var(--crm-radius)!important;
  background:#fff!important;box-shadow:var(--crm-shadow)!important
}
body.alessa-dynamics .card-header{
  background:#f8fafc!important;border-bottom:1px solid var(--crm-border)!important;color:var(--crm-navy)!important
}
body.alessa-dynamics .section-title,
body.alessa-dynamics .chart-title{color:var(--crm-navy)!important;font-weight:650!important;letter-spacing:0!important}
body.alessa-dynamics .eyebrow{
  background:#edf2f7!important;color:#53657b!important;border-radius:3px!important;font-size:8.5px!important;box-shadow:none!important
}
body.alessa-dynamics .text-muted{color:var(--crm-muted)!important}

/* Buttons / forms */
body.alessa-dynamics .btn{border-radius:3px!important;font-weight:600!important;box-shadow:none!important}
body.alessa-dynamics .btn-primary,
body.alessa-dynamics .btn-dark{
  background:var(--crm-blue)!important;border-color:var(--crm-blue)!important;color:#fff!important
}
body.alessa-dynamics .btn-primary:hover,
body.alessa-dynamics .btn-dark:hover{background:var(--crm-blue-hover)!important;border-color:var(--crm-blue-hover)!important}
body.alessa-dynamics .btn-outline-primary{color:var(--crm-blue)!important;border-color:#9ec6e8!important;background:#fff!important}
body.alessa-dynamics .btn-outline-primary:hover{color:#fff!important;background:var(--crm-blue)!important;border-color:var(--crm-blue)!important}
body.alessa-dynamics .btn-outline-secondary{color:#445469!important;border-color:#b9c2cf!important;background:#fff!important}
body.alessa-dynamics .form-control,
body.alessa-dynamics .form-select,
body.alessa-dynamics .input-group-text{
  border-radius:3px!important;border-color:#b8c1cc!important;background:#fff!important;color:#253247!important;box-shadow:none!important
}
body.alessa-dynamics .form-control:focus,
body.alessa-dynamics .form-select:focus{
  border-color:var(--crm-blue)!important;box-shadow:0 0 0 1px var(--crm-blue)!important
}
body.alessa-dynamics .form-label{color:#425169!important;font-weight:600!important;font-size:10.5px!important}

/* Tables: compact Dynamics CRM grid */
body.alessa-dynamics .table-responsive{
  border:1px solid var(--crm-border)!important;border-radius:3px!important;background:#fff!important;box-shadow:none!important
}
body.alessa-dynamics .table{font-size:11px!important;color:#263348!important;--bs-table-hover-bg:#f4f8fc!important}
body.alessa-dynamics .table thead th,
body.alessa-dynamics .table-dark th,
body.alessa-dynamics thead.table-dark th{
  background:#e9eef5!important;color:#263b58!important;border-color:#d5dde8!important;
  font-size:9.5px!important;font-weight:700!important;text-transform:none!important;letter-spacing:.01em!important
}
body.alessa-dynamics .table>:not(caption)>*>*{border-bottom-color:#e5eaf0!important}
body.alessa-dynamics .table tbody tr:nth-child(even){background:#fbfcfd!important}
body.alessa-dynamics .table tbody tr:hover{background:#f1f6fb!important}
body.alessa-dynamics .reservation-actions-cell{background:inherit!important;box-shadow:-1px 0 0 #d8dee7!important}
body.alessa-dynamics thead .reservation-actions-cell{background:#e9eef5!important}
body.alessa-dynamics .reservation-actions .btn{border-radius:3px!important}
body.alessa-dynamics .badge{border-radius:3px!important;font-weight:600!important}

/* Tabs / pagination */
body.alessa-dynamics .nav-tabs{border-bottom-color:var(--crm-border)!important}
body.alessa-dynamics .nav-tabs .nav-link{color:#59677b!important;border-radius:0!important}
body.alessa-dynamics .nav-tabs .nav-link.active{color:var(--crm-blue)!important}
body.alessa-dynamics .nav-tabs .nav-link.active:after{background:var(--crm-blue)!important}
body.alessa-dynamics .pagination .page-link{border-radius:2px!important;color:var(--crm-blue)!important;border-color:var(--crm-border)!important}
body.alessa-dynamics .pagination .active>.page-link{background:var(--crm-blue)!important;border-color:var(--crm-blue)!important;color:#fff!important}

/* Modals / confirmations */
body.alessa-dynamics .modal-content{
  border:1px solid #cfd6df!important;border-radius:4px!important;box-shadow:0 18px 55px rgba(10,31,58,.22)!important
}
body.alessa-dynamics .modal-header{background:#fff!important;border-bottom:1px solid var(--crm-border)!important}
body.alessa-dynamics .modal-title{color:var(--crm-navy)!important;font-weight:650!important}
body.alessa-dynamics .modal-footer{background:#f7f9fb!important;border-top:1px solid var(--crm-border)!important}
body.alessa-dynamics .fluent-confirm-icon{background:#fff4ce!important;color:#8a5d00!important;border-radius:3px!important}

/* Dashboard: Dynamics executive view */
body.alessa-dynamics .dashboard-hero{
  background:var(--crm-navy)!important;color:#fff!important;border:1px solid #071a31!important;
  border-radius:4px!important;box-shadow:none!important;padding:16px!important
}
body.alessa-dynamics .dashboard-hero:before,
body.alessa-dynamics .dashboard-hero:after{display:none!important}
body.alessa-dynamics .dashboard-hero h2{color:#fff!important;font-size:19px!important;font-weight:650!important;letter-spacing:0!important}
body.alessa-dynamics .hero-label{color:#a9bdd4!important}
body.alessa-dynamics .hero-chip{
  background:#153a65!important;color:#eef6ff!important;border:1px solid #31577f!important;border-radius:3px!important;box-shadow:none!important
}
body.alessa-dynamics .metric-pill{
  background:#102a4c!important;border:1px solid #29486b!important;color:#fff!important;border-radius:3px!important
}
body.alessa-dynamics a.metric-pill{color:#fff!important}
body.alessa-dynamics .metric-pill strong{color:#fff!important;font-weight:650!important}
body.alessa-dynamics .metric-pill span{color:#b8c9dc!important}
body.alessa-dynamics .quick-card .quick-icon{
  border-radius:3px!important;background:var(--crm-blue-soft)!important;color:var(--crm-blue)!important
}
body.alessa-dynamics .action-btn{border-radius:3px!important}
body.alessa-dynamics .action-btn i{border-radius:3px!important;background:var(--crm-blue-soft)!important;color:var(--crm-blue)!important}

/* Alerts */
body.alessa-dynamics .alert{border-radius:3px!important;box-shadow:none!important}
body.alessa-dynamics .alert-primary{background:#edf5fc!important;border-color:#bad7ee!important;color:#174a75!important}
body.alessa-dynamics .alert-warning{background:#fff8e5!important;border-color:#ead7a0!important;color:#765300!important}
body.alessa-dynamics .alert-danger{background:#fff1f1!important;border-color:#efc2c2!important;color:#9d2525!important}
body.alessa-dynamics .alert-success{background:#eef8f0!important;border-color:#c9e1ce!important;color:#286536!important}

/* Mobile offcanvas follows the same corporate navy language. */
body.alessa-dynamics .fluent-mobile-menu{background:var(--crm-navy)!important;color:#fff!important}
body.alessa-dynamics .fluent-mobile-menu .offcanvas-header{background:var(--crm-navy)!important;border-bottom:1px solid rgba(255,255,255,.1)!important}
body.alessa-dynamics .fluent-mobile-menu .fluent-mobile-brand{color:#fff!important}
body.alessa-dynamics .fluent-mobile-menu .text-muted{color:#9fb4cb!important}
body.alessa-dynamics .fluent-mobile-menu .btn-close{filter:invert(1) grayscale(1)!important}
body.alessa-dynamics .fluent-mobile-nav{background:var(--crm-navy)!important;padding:8px 6px!important}
body.alessa-dynamics .fluent-mobile-footer{background:#081a31!important;border-top:1px solid rgba(255,255,255,.1)!important}
body.alessa-dynamics .fluent-mobile-footer .fluent-user-copy strong{color:#fff!important}
body.alessa-dynamics .fluent-mobile-footer .fluent-user-copy small{color:#9fb4cb!important}

/* Login: Alessa brand, Dynamics corporate navy. */
body.login-page-pro{
  background:#edf1f6!important;color:var(--crm-ink)!important;font-family:"Segoe UI",SegoeUI,"Helvetica Neue",Arial,sans-serif!important
}
body.login-page-pro .login-bg-orb{display:none!important}
body.login-page-pro .login-card-pro{
  border:1px solid #ccd4df!important;border-radius:5px!important;background:#fff!important;box-shadow:0 18px 48px rgba(11,31,58,.14)!important
}
body.login-page-pro .login-form-icon{
  border-radius:4px!important;background:var(--crm-navy)!important;color:#fff!important;box-shadow:none!important
}
body.login-page-pro .login-mini-label{color:var(--crm-blue)!important;font-weight:700!important}
body.login-page-pro .login-input-group .form-control{border-radius:3px!important;border-color:#aeb8c5!important}
body.login-page-pro .login-input-group:focus-within .form-control{border-color:var(--crm-blue)!important;box-shadow:0 0 0 1px var(--crm-blue)!important}
body.login-page-pro .login-submit{
  border-radius:3px!important;background:var(--crm-blue)!important;border-color:var(--crm-blue)!important;box-shadow:none!important
}
body.login-page-pro .login-submit:hover{background:var(--crm-blue-hover)!important;border-color:var(--crm-blue-hover)!important}

@media (max-width:1500px) and (min-width:992px){
  :root{--crm-sidebar-width:228px}
}
@media (max-width:991.98px){
  body.alessa-dynamics .fluent-sidebar{display:none!important}
  body.alessa-dynamics .fluent-main,
  body.alessa-dynamics.sidebar-compact .fluent-main{margin-left:0!important;width:100%!important}
  body.alessa-dynamics .fluent-topbar{padding:0 10px!important}
  body.alessa-dynamics .fluent-content{padding:10px!important}
}
@media print{
  body.alessa-dynamics .fluent-main,
  body.alessa-dynamics.sidebar-compact .fluent-main{margin-left:0!important;width:100%!important}
}