@import url("../../../common/css/app.css?v=009.5.23");

:root {
  --bg:#FBF6EE;--bg-soft:#F3EADD;--surface:#FFFDF9;--surface-2:#F5EDE1;
  --side:#123F37;--side-soft:#1E5147;--side-hover:rgba(232,112,74,.18);
  --ink:#1B2622;--ink-soft:#6E655B;--ink-mute:#8F8276;--ink-faint:#BDAE9D;
  --ink-side:#F7F2E9;--ink-side-mute:#B8C8C1;
  --teal:#1E4E45;--teal-deep:#102F29;--teal-soft:#DCE8E2;
  --coral:#E8704A;--coral-deep:#C9552F;--coral-soft:#F8DED4;--coral-pale:#FFF3EC;
  --green:#4D9E6C;--green-soft:#E5F0E9;--amber:#F2B544;--amber-soft:#F8EFDB;
  --red:#C9554E;--red-soft:#F8E3E1;--line:#E3D6C4;--line-soft:#EEE3D4;
  --interface-film-rgb:255,255,255;
}
html[data-theme="origin"] body{background:var(--bg);font-family:var(--font-body)}
html[data-theme="origin"] .sidebar{background:linear-gradient(180deg,#164A40 0%,#0D3831 100%);border-right:1px solid rgba(255,255,255,.08)}
html[data-theme="origin"] .side-item{border-radius:16px;transition:background .16s,color .16s,transform .16s}
html[data-theme="origin"] .side-item:hover{background:rgba(232,112,74,.18);color:#fff}
html[data-theme="origin"] .side-item.active{background:linear-gradient(135deg,#F07B50,#DF5B31);color:#fff;box-shadow:0 16px 28px -20px rgba(232,112,74,.85)}
html[data-theme="origin"] .side-item.active .side-ic{background:rgba(255,255,255,.15);box-shadow:none}
html[data-theme="origin"] .side-item.active .side-count{background:#fff;color:var(--coral-deep)}
html[data-theme="origin"] .subnav{background:rgba(255,253,249,.93);backdrop-filter:blur(14px);border-right:1px solid var(--line)}
html[data-theme="origin"] .subnav-item:hover{background:var(--coral-soft);color:var(--coral-deep)}
html[data-theme="origin"] .subnav-item.active{background:var(--teal);color:#fff}
html[data-theme="origin"] .topbar{background:rgba(251,246,238,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
html[data-theme="origin"] .page-heading h1,html[data-theme="origin"] .page-title,html[data-theme="origin"] .admin-hero h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em}
html[data-theme="origin"] .btn-primary{background:var(--coral);border-color:var(--coral)}
html[data-theme="origin"] .btn-primary:hover{background:var(--coral-deep);border-color:var(--coral-deep)}
html[data-theme="origin"] .main{background-color:var(--bg)}
html[data-theme="origin"] body.has-interface-background .main{background-image:linear-gradient(rgba(var(--interface-film-rgb),var(--interface-film-opacity,.64)),rgba(var(--interface-film-rgb),var(--interface-film-opacity,.64))),var(--interface-background-image);background-size:cover;background-position:center;background-attachment:fixed}
html[data-theme="origin"] .card,html[data-theme="origin"] .db-card,html[data-theme="origin"] .team-section,html[data-theme="origin"] .account-card,html[data-theme="origin"] .property-card{background:rgba(255,253,249,.94);border-color:var(--line)}
html[data-theme] body.auth-page.has-interface-background{
  background-image:linear-gradient(rgba(var(--interface-film-rgb),var(--interface-film-opacity,.68)),rgba(var(--interface-film-rgb),var(--interface-film-opacity,.68))),var(--interface-background-image);
  background-size:cover;background-position:center;background-attachment:fixed;
}
html[data-theme] body.admin-page.has-interface-background .admin-main{
  background-image:linear-gradient(rgba(var(--interface-film-rgb),var(--interface-film-opacity,.68)),rgba(var(--interface-film-rgb),var(--interface-film-opacity,.68))),var(--interface-background-image);
  background-size:cover;background-position:center;background-attachment:fixed;
}

/* 009.5.20.2 — contraste fonctionnel Origin */
:root{
  --ui-panel-bg:#FFFDF9;--ui-panel-bg-alt:#F6EEE3;--ui-panel-border:#DCCDBA;--ui-panel-border-strong:#C8B59F;
  --ui-row-bg:#FFFDF9;--ui-row-hover:#FFF3E9;--ui-row-selected:#FFF0E7;--ui-row-selected-border:#E8704A;
  --ui-drawer-shadow:-30px 0 70px -34px rgba(18,63,55,.48);
}
html[data-theme="origin"] .page-content:not(.page-content-open):not(.page-content-dashboard){
  background:rgba(255,253,249,.94);border-color:var(--ui-panel-border);box-shadow:0 22px 52px -40px rgba(27,38,34,.42);
}
html[data-theme="origin"] .card,
html[data-theme="origin"] .db-card,
html[data-theme="origin"] .team-section,
html[data-theme="origin"] .account-card,
html[data-theme="origin"] .property-card,
html[data-theme="origin"] .dashboard-v2-card,
html[data-theme="origin"] .dashboard-v2-kpi{
  background:var(--ui-panel-bg);border-color:var(--ui-panel-border);box-shadow:0 10px 30px -26px rgba(27,38,34,.30);
}
html[data-theme="origin"] .card:hover,
html[data-theme="origin"] .db-card:hover,
html[data-theme="origin"] .property-card:hover{
  border-color:var(--ui-panel-border-strong);box-shadow:0 18px 42px -30px rgba(27,38,34,.38);
}
html[data-theme="origin"] .res-item[data-reservation-drawer="1"]{background:#FFFDF9;border-color:#DCCDBA}
html[data-theme="origin"] .res-item[data-reservation-drawer="1"]:hover{background:#FFF4EC;border-color:#C8B59F}
html[data-theme="origin"] .side-panel{background:#FFFDF9;color:#1B2622}
html[data-theme="origin"] .side-panel .sp-head,
html[data-theme="origin"] .side-panel .sp-body,
html[data-theme="origin"] .side-panel .sp-foot{background:#FFFDF9}


/* ==========================================================================
   009.5.23 — ORIGIN (base)
   Pine profond, crème Staysy et accent orange. Identité historique conservée.
   ========================================================================== */
html[data-theme="origin"] body.space-my {
  --bg:#F6F0E7;
  --bg-soft:#EFE5D7;
  --surface:#FFFDF9;
  --surface-2:#F8F1E7;
  --side:#0D4B43;
  --side-soft:#185B51;
  --side-hover:rgba(232,112,74,.20);
  --ink:#17372F;
  --ink-soft:#596660;
  --ink-mute:#758078;
  --line:#D8C9B7;
  --line-soft:#E9DED0;
  --coral:#E85F35;
  --coral-deep:#C84624;
  --teal:#0D5C54;
  --teal-deep:#083F39;
  background:#F6F0E7;
}
html[data-theme="origin"] body.space-my .sidebar,
html[data-theme="origin"] body.space-my .app:not(.no-subnav) .sidebar {
  background:
    radial-gradient(260px 190px at 15% 0%, rgba(232,95,53,.20), transparent 70%),
    linear-gradient(180deg,#0D5148 0%,#0A403A 56%,#07352F 100%);
  border-right:1px solid rgba(255,255,255,.10);
}
html[data-theme="origin"] body.space-my .sidebar-logo,
html[data-theme="origin"] body.space-my .app:not(.no-subnav) .sidebar-logo {
  background:#FFFDF9;
  border:1px solid rgba(255,255,255,.38);
  box-shadow:0 18px 36px -28px rgba(0,0,0,.62);
}
html[data-theme="origin"] body.space-my .side-item {
  color:rgba(255,253,249,.88);
}
html[data-theme="origin"] body.space-my .side-item:hover {
  background:rgba(232,95,53,.22);
  color:#FFFFFF;
}
html[data-theme="origin"] body.space-my .side-item.active,
html[data-theme="origin"] body.space-my .app:not(.no-subnav) .side-item.active {
  background:linear-gradient(135deg,#EF7347,#D94F28);
  color:#FFFFFF;
  box-shadow:0 16px 30px -20px rgba(232,95,53,.86);
}
html[data-theme="origin"] body.space-my .side-item.active .side-ic {
  background:rgba(255,255,255,.16);
  color:#FFFFFF;
}
html[data-theme="origin"] body.space-my .main {
  background:#F6F0E7;
}
html[data-theme="origin"] body.space-my .topbar {
  background:rgba(255,253,249,.94);
  border-bottom-color:#D8C9B7;
}
html[data-theme="origin"] body.space-my .page-content {
  background:rgba(255,253,249,.96);
  border-color:#D8C9B7;
}
html[data-theme="origin"] body.space-my .card,
html[data-theme="origin"] body.space-my .db-card,
html[data-theme="origin"] body.space-my .account-card,
html[data-theme="origin"] body.space-my .team-section,
html[data-theme="origin"] body.space-my .property-card {
  background:#FFFDF9;
  border-color:#D8C9B7;
}

/* 009.5.23 — logo intégré, sans cartouche blanc autour du mot-symbole. */
html[data-theme="origin"] body.space-my .sidebar-logo,
html[data-theme="origin"] body.space-my .app:not(.no-subnav) .sidebar-logo {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  padding-inline: 4px !important;
  overflow: visible !important;
}
html[data-theme="origin"] body.space-my .sidebar-logo-full {
  filter: drop-shadow(0 8px 16px rgba(0,0,0,.18)) !important;
}

/* 009.5.23 — profondeur Origin et liquid glass discret */
html[data-theme="origin"] body.space-my .page-content,
html[data-theme="origin"] body.space-my .card,
html[data-theme="origin"] body.space-my .db-card,
html[data-theme="origin"] body.space-my .account-card,
html[data-theme="origin"] body.space-my .team-section,
html[data-theme="origin"] body.space-my .property-card,
html[data-theme="origin"] body.space-my .dashboard-v2-card,
html[data-theme="origin"] body.space-my .dashboard-v2-kpi {
  background:rgba(255,253,249,.88) !important;
  border-color:#D8C9B7 !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.82) inset,
    0 18px 42px -31px rgba(20,61,52,.42) !important;
  backdrop-filter:blur(13px) saturate(108%);
  -webkit-backdrop-filter:blur(13px) saturate(108%);
}
html[data-theme="origin"] body.space-my .topbar,
html[data-theme="origin"] body.space-my .subnav {
  backdrop-filter:blur(16px) saturate(112%);
  -webkit-backdrop-filter:blur(16px) saturate(112%);
  box-shadow:0 12px 34px -31px rgba(20,61,52,.42);
}

/* ========================================================================== 
   009.5.23 — ORIGIN final : Pine profond, surfaces crème, relief glass léger
   ========================================================================== */
:root{
  --bg:#F6F0E7;--bg-soft:#EFE4D5;--surface:#FFFDF9;--surface-2:#F8F1E7;
  --side:#0D5148;--side-soft:#24675E;--side-hover:rgba(232,95,53,.20);
  --ink:#173A33;--ink-soft:#64716C;--ink-mute:#85908B;--ink-faint:#B8B0A5;
  --ink-side:#FFFDF8;--ink-side-mute:#D3DDD8;
  --teal:#155C52;--teal-deep:#0B413A;--teal-soft:#DFECE7;
  --coral:#E85F35;--coral-deep:#C94522;--coral-soft:#F9DDD2;--coral-pale:#FFF2EC;
  --line:#DCCDBA;--line-soft:#EDE2D4;
  --shadow:0 22px 54px -36px rgba(22,58,50,.42),0 8px 24px -20px rgba(22,58,50,.25);
  --shadow-pop:0 28px 64px -38px rgba(15,49,42,.52),0 12px 30px -22px rgba(15,49,42,.34);
}
html[data-theme="origin"] body.space-my{background:#F6F0E7;color:var(--ink)}
html[data-theme="origin"] body.space-my .sidebar{
  background:
    radial-gradient(360px 260px at 12% -4%,rgba(255,255,255,.13),transparent 67%),
    radial-gradient(310px 300px at 92% 104%,rgba(232,95,53,.14),transparent 72%),
    linear-gradient(180deg,#116056 0%,#0D5148 50%,#083D37 100%)!important;
  border-right:1px solid rgba(255,255,255,.13)!important;
  box-shadow:20px 0 58px -42px rgba(6,45,39,.92),inset -1px 0 0 rgba(255,255,255,.07)!important;
}
html[data-theme="origin"] body.space-my .sidebar-logo,
html[data-theme="origin"] body.space-my .app:not(.no-subnav) .sidebar-logo{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;overflow:visible!important;
}
html[data-theme="origin"] body.space-my .sidebar-logo-full{filter:drop-shadow(0 12px 20px rgba(0,0,0,.23))!important}
html[data-theme="origin"] body.space-my .side-item{color:rgba(255,253,249,.88)!important}
html[data-theme="origin"] body.space-my .side-item:hover{background:rgba(232,95,53,.20)!important;color:#fff!important;transform:translateX(2px)}
html[data-theme="origin"] body.space-my .side-item.active{
  background:linear-gradient(135deg,#EF7248,#D94D27)!important;color:#fff!important;
  box-shadow:0 18px 34px -21px rgba(225,76,38,.86),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
html[data-theme="origin"] body.space-my .side-item.active .side-ic{background:rgba(255,255,255,.16)!important;color:#fff!important}
html[data-theme="origin"] body.space-my .side-count{background:rgba(255,255,255,.18)!important;color:#fff!important}
html[data-theme="origin"] body.space-my .side-item.active .side-count{background:#fff!important;color:#C94522!important}
html[data-theme="origin"] body.space-my .sidebar-help-card{
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 48px -34px rgba(0,0,0,.66)!important;
  backdrop-filter:blur(17px) saturate(112%);-webkit-backdrop-filter:blur(17px) saturate(112%);
}
html[data-theme="origin"] body.space-my .main{background:#F6F0E7!important}
html[data-theme="origin"] body.space-my .topbar{
  background:rgba(255,253,249,.84)!important;border-bottom-color:#DCCDBA!important;
  box-shadow:0 13px 32px -31px rgba(18,53,46,.45);backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);
}
html[data-theme="origin"] body.space-my .subnav{
  background:linear-gradient(180deg,rgba(255,253,249,.94),rgba(247,240,230,.91))!important;
  border-right-color:#DCCDBA!important;box-shadow:13px 0 44px -42px rgba(23,53,46,.45);
}
html[data-theme="origin"] body.space-my .page-content,
html[data-theme="origin"] body.space-my .card,
html[data-theme="origin"] body.space-my .db-card,
html[data-theme="origin"] body.space-my .account-card,
html[data-theme="origin"] body.space-my .team-section,
html[data-theme="origin"] body.space-my .property-card,
html[data-theme="origin"] body.space-my .dashboard-v2-card,
html[data-theme="origin"] body.space-my .dashboard-v2-kpi{
  background:rgba(255,253,249,.88)!important;border-color:#DCCDBA!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 21px 48px -35px rgba(22,58,50,.38)!important;
  backdrop-filter:blur(14px) saturate(110%);-webkit-backdrop-filter:blur(14px) saturate(110%);
}