/* Shawky AI hospitality palette — premium white, matte black, and refined gold */
:root{
  --ink:#171717;
  --muted:#716b61;
  --line:#e6e0d5;
  --blue:#c9972c;
  --nav:#0d0d0e;
  --canvas:#f6f5f2;
  --surface:#ffffff;
  --surface-soft:#faf8f4;
  --violet:#a77b22;
  --green:#238568;
  --amber:#c9972c;
  --shadow:0 1px 2px rgba(17,17,17,.03),0 12px 30px rgba(17,17,17,.065);
}

html,body,.app-shell,.workspace{background:var(--canvas)}
body{color:var(--ink);font-family:"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#c9972c66}

/* Matte-black shell with restrained gold details */
.sidebar{
  background:radial-gradient(circle at 92% 4%,#c9972c1b,transparent 24%),linear-gradient(180deg,#090909 0%,#141414 58%,#12100c 100%);
  border-left-color:#c9972c20;
  box-shadow:-14px 0 40px rgba(0,0,0,.14);
}
.brand{direction:ltr}
.brand-mark{
  background:#101010 url('/shawky_mark.png') center/79% no-repeat;
  box-shadow:0 10px 28px #0009,0 0 0 1px #c9972c4a;
}
.brand-mark i{display:none}
.brand strong{color:#fff}.brand small{color:#d5ad55}.brand>em{color:#e2c478;background:#c9972c12;border:1px solid #c9972c30}
.property-switcher{background:#1b1b1a;border-color:#393329}.property-icon{background:#2a2419;color:#dfb959}
.property-switcher p i,.system-live i{background:#3fbf88}
.nav-group>p{color:#7f776b}.nav-item{color:#c4beb3}.nav-item:hover{background:#ffffff0a;color:#fff}
.nav-item.active{background:linear-gradient(90deg,#c9972c13,#c9972c25);box-shadow:inset -3px 0 #d1a33e,0 8px 24px #0004;color:#fff}
.nav-item.active .nav-icon{background:linear-gradient(135deg,#c39228,#e0b957);color:#1b160b;box-shadow:0 5px 15px #c9972c3d}
.nav-item.active>em{background:#d8ae4e;color:#231b0a}.help-card,.user-card{border-color:#34312b}.help-card>span,.avatar{background:#c9972c12;color:#dfbd6d;border-color:#c9972c35}
.help-card:hover{background:#c9972c0a}.signout-button:hover{color:#e3bf68}

/* White workspace with crisp black type */
.topbar{background:rgba(255,255,255,.96);border-color:var(--line);box-shadow:0 1px 0 #1111110a}
.search{background:#f8f7f4;border-color:#ebe6dc}.search:focus-within{border-color:#c7aa6b;box-shadow:0 0 0 3px #c9972c13}
.system-live{background:#edf8f3;color:#18734f}.icon-button,.secondary-button{background:#fff;border-color:#e3ded4;color:#625e56}
.icon-button:hover,.secondary-button:hover{border-color:#b99751;color:#171717;background:#fbf8f0}
.theme-toggle{color:#8f681b;background:#faf3e3}.notification-dot{background:#c9972c;border-color:#fff}
.primary-button{background:linear-gradient(135deg,#c4932a,#e1bb5d);color:#17130b;box-shadow:0 8px 20px #c9972c2c}
.primary-button:hover{background:linear-gradient(135deg,#ae7e1e,#d4aa48);color:#100d07}
.eyebrow span,.panel-head button,.analytics-head>div>span{color:#9a701e}.page-heading .eyebrow i{color:#b7aa91}
.panel,.hotel-kpi-grid article,.team-strip article,.inventory-metrics article,.segment-grid article,.reputation-overview>article,.channel-summary article,.access-metrics article{border-color:var(--line);box-shadow:var(--shadow)}
.hotel-kpi-grid article:before{background:linear-gradient(90deg,#171717,#d2a33f)}
.kpi-icon.violet{background:#f0efec;color:#33312d}.kpi-icon.cyan{background:#faf2df;color:#9b701d}.kpi-icon.orange{background:#eeeae3;color:#72572a}.kpi-icon.pink{background:#f3eee6;color:#8a6b34}
.hotel-kpi-grid article em{background:#edf8f3;color:#187454}
.occupancy-bar{background:linear-gradient(180deg,#e0bd65,#bb8520)!important}.revenue-bar{background:linear-gradient(180deg,#202020,#5c5548)!important}
.purple-dot{background:#c9972c!important}.green-dot{background:#222!important}
.room-mix-donut{background:conic-gradient(#c9972c 0 65%,#e0bd65 65% 87%,#252525 87% 96%,#e8e3d9 96%)}
.rate-tip,.automation-note{background:#fcf8ee;border-color:#eadbb9}.rate-tip>span,.automation-note>span{background:linear-gradient(135deg,#c4932a,#e0b957);color:#17130a}
.filter-tabs button.selected,.segmented button.selected{background:#faf3e3;color:#8e6517}

/* Shawky AI assistant */
.ai-stage-bar{border-color:#e4d7b9;background:linear-gradient(105deg,#fdfaf3,#f8f7f4);box-shadow:0 8px 24px #1111110c}
.ai-stage-bar:after{border-color:#c9972c18}.ai-stage-mark,.ai-stage-bar.green .ai-stage-mark,.ai-stage-bar.blue .ai-stage-mark,.ai-stage-bar.orange .ai-stage-mark{background:linear-gradient(145deg,#dfb755,#b98520);color:#17130b;box-shadow:0 8px 20px #c9972c30}
.ai-stage-bar>em,.ai-stage-bar.green>em,.ai-stage-bar.blue>em,.ai-stage-bar.orange>em{background:#f8efd9;color:#8e6518}
.ai-stage-bar>button{background:#171717;color:#e7c66e}.ai-launcher{border-color:#c9972c45;background:linear-gradient(145deg,#202020,#090909)}
.ai-launcher>span,.copilot-orb span,.copilot-composer button{background:linear-gradient(145deg,#dcb24d,#b67f17);color:#17130b}
.ai-copilot>header{background:radial-gradient(circle at 12% 0,#c9972c30,transparent 34%),linear-gradient(145deg,#202020,#090909)}
.copilot-context span,.message-orb{background:#f7edd5;color:#8e6518}.copilot-language button.active{color:#17130b}.copilot-message.user article{background:#24221d}
.copilot-actions button,.open-related{border-color:#e3d4b1;background:#fcf8ef;color:#8c6419}.typing i{background:#c9972c}.ai-copilot>footer span{color:#8b7546}

/* Remove leftover purple/blue accents from operational views */
.hotel-kpi-grid article:after,.metric-card:after{background:#c9972c08}
.metric-icon.blue,.metric-icon.violet{background:#f3eee3;color:#8f681b}.metric-spark i,.metric-violet .metric-spark i{background:#c9972c30}
.analytics-head>button,.analytics-head>em{background:#f8f6f1;color:#625e56}.gauge-arc:before{background:conic-gradient(from 270deg,#c9972c 0 126deg,#222 126deg 140.4deg,#e7e3da 140.4deg 180deg,transparent 180deg)}
.trend-insight>p{background:#faf7ef}.room-mix-card .analytics-head>button{color:#8e6518}.room-status-list .occupied{background:#c9972c}.room-status-list .ready{background:#222}.room-status-list .cleaning{background:#d8b15a}.room-status-list .service{background:#d7d2c8}
.pace-chart>div>i{background:linear-gradient(180deg,#e0bd65,#b9821e);box-shadow:0 0 0 5px #c9972c18}.arrival-pace-card>footer i{background:#c9972c}.source-rank{background:#f7eed9;color:#8d6518}
.forecast-card{background:radial-gradient(circle at 85% 0,#c9972c22,transparent 34%),linear-gradient(145deg,#272727,#0e0e0f);box-shadow:0 16px 35px #1111112c}.forecast-card>span,.forecast-card>p,.forecast-card>footer{color:#d8d0c3}.forecast-card>div i.active{background:#d8b24f;box-shadow:0 0 0 4px #c9972c22}
.live-activity-v2 li>i.arrival{background:#c9972c;box-shadow:0 0 0 4px #c9972c15}.live-activity-v2 li>i.booking{background:#222;box-shadow:0 0 0 4px #11111112}.live-activity-v2 li>em{background:#f7eed9;color:#8d6518}
.inbox-title span,.inbox-footer button{color:#8e6518}.inbox-title>button{background:linear-gradient(145deg,#dcb24d,#b67f17);color:#17130b}.inbox-filters button.active{background:#f7eed9;color:#8d6518}.thread-list-v2>button.selected{background:linear-gradient(90deg,#fbf5e8,#fff)!important;box-shadow:inset -3px 0 #c9972c!important}.thread-list-v2>button>strong{background:#c9972c;color:#17130b}
.conversation-head-v2 .thread-avatar{background:linear-gradient(145deg,#f8efd9,#ebd49a);color:#8d6518}.guest-context-strip>button{color:#8d6518}.conversation-body-v2{background:radial-gradient(circle at 15% 10%,#c9972c08,transparent 26%),#f8f8f7!important}.staff-bubble{background:linear-gradient(145deg,#2c2b28,#151515);color:#fff}.smart-reply-card{border-color:#e5d5af;background:linear-gradient(145deg,#fdf9f0,#f7efdc);color:#4d473b}.smart-reply-card>div>span{background:#c9972c;color:#17130b}.smart-reply-card blockquote{border-right-color:#c9972c}.smart-reply-card footer button{border-color:#e0d1ae;color:#8d6518}.smart-reply-card footer button:first-child{border-color:#c9972c;background:#c9972c;color:#17130b}.message-composer:focus-within{border-color:#c7a35a;box-shadow:0 0 0 3px #c9972c10}.message-composer>button:first-child{background:#f7eed9;color:#8d6518}.message-composer .send-message{background:linear-gradient(145deg,#dcb24d,#b67f17)!important;color:#17130b!important}
.playbook-command{background:radial-gradient(circle at 8% 0,#c9972c28,transparent 25%),linear-gradient(120deg,#242424,#111)}.playbook-command>div:first-child>span{background:#c9972c22;color:#e4c36f}.ask-guide-ai{border-color:#c9972c55;background:linear-gradient(145deg,#d3a944,#ac7817);color:#17130b}.playbook-nav .panel-head>em{background:#f7eed9;color:#8d6518}.document-actions button:first-child,.step-ai{border-color:#e0d0aa!important;background:#faf3e3!important;color:#8d6518!important}

/* Dark theme: charcoal surfaces, soft white type, and gold accents */
.dark-mode{--ink:#f5f2eb;--muted:#aaa398;--line:#39352e;--canvas:#0d0d0e;--surface:#181819;--surface-soft:#1e1d1b;--shadow:0 1px 2px #0005,0 14px 34px #0004}
.dark-mode,.dark-mode .workspace,.dark-mode .content{background:var(--canvas)!important;color:var(--ink)}
.dark-mode .topbar{background:rgba(20,20,20,.96)!important;border-color:#38342c!important}
.dark-mode .search,.dark-mode .icon-button,.dark-mode .secondary-button{background:#1d1d1e!important;border-color:#3b3831!important;color:#c9c2b7!important}
.dark-mode .search input{color:#f5f2eb}.dark-mode .panel,.dark-mode .hotel-kpi-grid article,.dark-mode .team-strip article,.dark-mode .inventory-metrics article,.dark-mode .segment-grid article,.dark-mode .reputation-overview>article,.dark-mode .channel-summary article,.dark-mode .access-metrics article{background:#181819!important;border-color:#39352e!important;color:#f5f2eb!important}
.dark-mode .analytics-head h2,.dark-mode .hotel-kpi-grid b,.dark-mode .room-status-list p>b,.dark-mode .page-heading h1,.dark-mode .panel h2,.dark-mode .panel h3{color:#f5f2eb!important}
.dark-mode .chart-bars,.dark-mode .pace-chart{background-color:#181819!important}.dark-mode .gauge-arc:after{--gauge-cover:#181819}.dark-mode .room-mix-donut{--ring-cover:#181819}.dark-mode .room-mix-donut:after{background:#181819}
.dark-mode .ai-stage-bar{border-color:#4b4028;background:linear-gradient(105deg,#211e18,#181819)}.dark-mode .ai-copilot{background:#181819;border-color:#473d28}.dark-mode .copilot-context,.dark-mode .copilot-quick{background:#201f1c;border-color:#3a362e}.dark-mode .copilot-messages{background:linear-gradient(180deg,#191919,#111112)}.dark-mode .copilot-message article,.dark-mode .copilot-composer{background:#24231f;border-color:#453e30;color:#f5f2eb}.dark-mode .copilot-quick button{background:#24231f;border-color:#453e30;color:#d8d0c3}
.dark-mode .hotel-trend-card,.dark-mode .room-mix-card,.dark-mode .arrival-pace-card,.dark-mode .booking-source-card,.dark-mode .inbox-v2,.dark-mode .conversation-v2{background:#181819!important;border-color:#39352e!important}
.dark-mode .thread-list-v2>button,.dark-mode .conversation-head-v2,.dark-mode .reply-box-v2{background:#181819!important}.dark-mode .thread-list-v2>button.selected{background:linear-gradient(90deg,#3a2d11,#24221d)!important}.dark-mode .guest-context-strip,.dark-mode .inbox-footer{background:#141414}.dark-mode .conversation-body-v2{background:#101011!important}
.dark-mode .trend-insight>p,.dark-mode .smart-reply-card{background:#24221d;border-color:#4b4028;color:#eee8dc}.dark-mode .smart-reply-card blockquote{background:#191919;color:#ddd5c8}.dark-mode .playbook-command{border-color:#4a402b}.dark-mode .step-ai{background:#2c261a!important;border-color:#554527!important;color:#e0bd65!important}

@media(max-width:620px){.system-live{display:none}.brand strong{font-size:17px}.brand small{font-size:8px}}