/* Crew Docs OS — glassmorphism visual layer. Pure CSS; existing business logic untouched. */
:root{
 --bg:#170f1f;--panel:rgba(92,57,83,.33);--panel2:rgba(118,76,104,.28);
 --line:rgba(255,218,245,.20);--sage:#c0e7c7;--cream:#fff4f8;
 --muted:#d1bcca;--gold:#eacddf;
 color-scheme:dark;background:#170f1f;color:var(--cream);
}
html{min-height:100%;background:#170f1f}
body{
 background:radial-gradient(ellipse 75% 35% at 87% 11%,rgba(213,118,174,.28),transparent 72%),
 radial-gradient(ellipse 70% 35% at 8% 45%,rgba(115,65,146,.23),transparent 72%),
 radial-gradient(ellipse 70% 30% at 95% 83%,rgba(170,82,136,.18),transparent 70%),
 linear-gradient(160deg,#211325,#100d19 72%,#1a1121);
 background-attachment:fixed;color:var(--cream);min-height:100dvh;
}
main{position:relative;isolation:isolate}
.card,.metric-card,.order-card,.manager-task-card,.manager-settlement,
.manager-balance-summary,.owner-obligations .ob-cash-item,
.owner-obligations .ob-summary,.owner-obligations .ob-fold,
.f-metrics>div,.f-shares>div,.f-order,#faBusinessBreakdown,
#ownerTaskForm,.order-detail-intro,.order-financial,.order-create,
.order-note,.ai-note,.ai-chat-card,.ai-reply-metric,.ai-answer,
#accounts details.shell-disclosure,#settings details.shell-disclosure{
 background:linear-gradient(135deg,rgba(255,223,244,.14),rgba(126,68,115,.12) 55%,rgba(249,183,224,.06));
 border:1px solid rgba(255,221,244,.19);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 28px rgba(8,4,17,.20);
 backdrop-filter:blur(20px) saturate(145%);
 -webkit-backdrop-filter:blur(20px) saturate(145%);
}
.card{border-radius:24px}
.brand-anchor{background:linear-gradient(145deg,rgba(246,203,235,.29),rgba(116,80,117,.20));border-color:rgba(255,231,247,.29);box-shadow:0 5px 24px rgba(224,141,200,.13)}
.brand-kicker,.shell-subtitle{color:#e7c5dc}
h1,h2,.metric-card .metric-value,.order-short b{color:#fff6fb}
.muted,.metric-card .metric-label,.metric-card .metric-foot{color:#dccbd8}
#app .user-strip{background:rgba(255,238,249,.07);border-color:rgba(255,222,244,.18);border-radius:18px}
.metric-card{position:relative;overflow:hidden;border-radius:20px;padding:17px 15px}
.metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.39),transparent);pointer-events:none}
.metric-card .metric-label{font-size:12px;letter-spacing:.1px}
.metric-card .metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.65px;font-weight:760;text-shadow:0 2px 18px rgba(255,255,255,.07)}
.metric-card .metric-foot{color:#d8bfd4}
.quick-grid button,.ai-actions button,.ai-suggestions button,.ai-mode-tabs button,
.ai-chat-card button,.bottom-nav button.active{
 background:linear-gradient(145deg,rgba(255,216,246,.17),rgba(148,95,144,.13));
 border:1px solid rgba(255,219,245,.17);
 color:#fff2fa;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.quick-grid button{border-radius:17px;min-height:58px;transition:transform .15s ease,background .15s ease}
.quick-grid button:active{transform:scale(.98);background:rgba(235,181,221,.25)}
button:not(.secondary):not(.ai-fab):not(.bottom-nav button):not(.quick-grid button):not(.ai-actions button):not(.ai-suggestions button):not(.ai-mode-tabs button){
 background:#c2dfc8;color:#1f2421
}
button.secondary{background:rgba(255,231,246,.12);border:1px solid rgba(255,228,245,.19);color:#fff0f9}
input,select,textarea,.manager-screen input,.manager-screen select,.manager-screen textarea,
#ownerTaskForm input,#ownerTaskForm select,.ai-chat-composer textarea,.ai-draft-field input,
.ai-draft-field textarea,.ai-draft-field select{
 background:rgba(29,17,33,.57);border:1px solid rgba(248,205,237,.25);color:#fff5fb
}
input::placeholder,textarea::placeholder{color:#bca8b9}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #d9e8d7;outline-offset:2px}
.bottom-nav{
 background:rgba(37,23,42,.68);border:1px solid rgba(255,220,244,.18);
 border-radius:22px 22px 0 0;box-shadow:0 -8px 36px rgba(10,6,20,.3);
 backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);
}
.bottom-nav button{color:#d8c2d3}
.bottom-nav button.active{color:#e4f5e3}
.ai-fab{
 background:radial-gradient(circle at 30% 25%,#eafbe8,#a8d4b5 70%,#81b798);
 color:#284634;border:1px solid rgba(241,255,243,.85);
 box-shadow:0 0 0 5px rgba(198,232,199,.10),0 7px 26px rgba(162,222,175,.28)
}
.ai-panel{background:rgba(38,25,44,.94);border:1px solid rgba(255,211,241,.27);box-shadow:0 20px 65px rgba(5,3,12,.65);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}
.ai-chat-head,.ai-chat-composer{background:rgba(87,54,82,.27);border-color:rgba(255,225,245,.19)}
.ai-chat-bubble{background:rgba(127,77,117,.30);border-color:rgba(255,224,247,.2)}
.ai-chat-line.user .ai-chat-bubble{background:rgba(115,161,127,.32);border-color:rgba(182,234,193,.3)}
.item,.f-order>.row:not(:first-child),.owner-obligations .ob-summary .row{border-color:rgba(255,227,246,.16)}
[hidden]{display:none!important}
@media(max-width:679px){
 main{padding:9px 13px 130px}
 .card{border-radius:21px}
 .metric-card{padding:14px 12px;border-radius:18px}
 .metric-card .metric-value{font-size:clamp(18px,5.1vw,24px)}
 .quick-grid button{min-height:53px;padding:11px 10px}
 .bottom-nav{left:8px;right:8px;bottom:calc(4px + env(safe-area-inset-bottom));border-radius:21px;padding-bottom:5px}
 .ai-fab{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.quick-grid button{transition:none}}
@supports not ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){
 .card,.metric-card,.order-card,.bottom-nav,.ai-panel{background:#422b43}
}


/* Brand palette revision — Crew & Docs Solution, October 2026.
   Pure presentation layer; no changes to application state or financial data. */
:root{
 --bg:#2a1120;--panel:rgba(93,47,70,.35);--panel2:rgba(119,65,91,.28);
 --line:rgba(234,223,210,.23);--sage:#b8c3ae;--cream:#eadfd2;
 --muted:#d7c7b6;--gold:#e6b36e;
 color-scheme:dark;background:#2a1120;color:var(--cream);
}
html{background:#2a1120}
body{
 background:
 radial-gradient(ellipse 73% 32% at 91% 9%,rgba(154,78,112,.29),transparent 75%),
 radial-gradient(ellipse 75% 43% at 8% 47%,rgba(114,49,101,.26),transparent 75%),
 radial-gradient(ellipse 72% 32% at 86% 91%,rgba(117,61,91,.26),transparent 75%),
 linear-gradient(155deg,#3a1830 0%,#2a1120 50%,#1e101d 100%);
 background-attachment:fixed;color:var(--cream);
}
h1,h2,.metric-card .metric-value,.order-short b{color:#f5e9dd}
.brand-kicker,.shell-subtitle{color:#d5c2af}
.brand-anchor{color:#dce2d3;border-color:rgba(234,223,210,.44);background:linear-gradient(145deg,rgba(184,195,174,.34),rgba(78,95,78,.22))}
.card,.metric-card,.order-card,.manager-task-card,.manager-settlement,
.manager-balance-summary,.owner-obligations .ob-cash-item,
.owner-obligations .ob-summary,.owner-obligations .ob-fold,
.f-metrics>div,.f-shares>div,.f-order,#faBusinessBreakdown,
#ownerTaskForm,.order-detail-intro,.order-financial,.order-create,
.order-note,.ai-note,.ai-chat-card,.ai-answer,
#accounts details.shell-disclosure,#settings details.shell-disclosure{
 background:linear-gradient(135deg,rgba(218,169,185,.15),rgba(105,50,83,.18) 55%,rgba(234,207,205,.07));
 border-color:rgba(234,223,210,.22);
 box-shadow:inset 0 1px 0 rgba(255,243,232,.14),0 8px 28px rgba(23,5,20,.23);
}
#app .user-strip{background:rgba(232,201,208,.09);border-color:rgba(234,223,210,.2)}
.muted,.metric-card .metric-label,.metric-card .metric-foot{color:#d7c7b6}
.metric-card{--metric-accent:#e08bb5;--metric-glow:rgba(224,139,181,.13);border-color:color-mix(in srgb,var(--metric-accent) 38%,transparent);background:linear-gradient(140deg,var(--metric-glow),rgba(142,80,111,.15) 60%,rgba(237,200,210,.06))}
.metric-grid>.metric-card:nth-child(1){--metric-accent:#e08bb5;--metric-glow:rgba(224,139,181,.18)}
.metric-grid>.metric-card:nth-child(2){--metric-accent:#7fc7b2;--metric-glow:rgba(127,199,178,.18)}
.metric-grid>.metric-card:nth-child(3){--metric-accent:#e6b36e;--metric-glow:rgba(230,179,110,.16)}
.metric-grid>.metric-card:nth-child(4){--metric-accent:#ac8ade;--metric-glow:rgba(142,106,216,.19)}
.metric-card:before{background:linear-gradient(90deg,var(--metric-accent),rgba(255,255,255,.20),transparent);height:2px}
.metric-card .metric-value{color:#f5e9dd}
.metric-grid>.metric-card:nth-child(1) .metric-foot{color:#efb2ce}
.metric-grid>.metric-card:nth-child(2) .metric-foot{color:#9fddcb}
.metric-grid>.metric-card:nth-child(3) .metric-foot{color:#f1ca8d}
.metric-grid>.metric-card:nth-child(4) .metric-foot{color:#c9aaed}
.quick-grid button{--action-accent:#e08bb5;background:linear-gradient(140deg,color-mix(in srgb,var(--action-accent) 23%,transparent),rgba(119,65,91,.23));border-color:color-mix(in srgb,var(--action-accent) 42%,transparent);color:#f5e9dd}
.quick-grid button:nth-child(1){--action-accent:#e08bb5}
.quick-grid button:nth-child(2){--action-accent:#7fc7b2}
.quick-grid button:nth-child(3){--action-accent:#e6b36e}
.quick-grid button:nth-child(4){--action-accent:#a98add}
.quick-grid button span{color:var(--action-accent);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--action-accent) 35%,transparent))}
.quick-grid button:active{background:color-mix(in srgb,var(--action-accent) 30%,#3a1830)}
button:not(.secondary):not(.ai-fab):not(.bottom-nav button):not(.quick-grid button):not(.ai-actions button):not(.ai-suggestions button):not(.ai-mode-tabs button){background:#b8c3ae;color:#263326}
button.secondary{background:rgba(234,223,210,.10);border-color:rgba(234,223,210,.23);color:#f2e8dc}
.bottom-nav{background:rgba(48,22,39,.73);border-color:rgba(234,223,210,.23)}
.bottom-nav button{color:#d7c7b6}
.bottom-nav button.active{background:rgba(184,195,174,.16);border-color:rgba(184,195,174,.36);color:#dcebd7}
.bottom-nav button.active .nav-icon{color:#cce4c7}
.ai-fab{background:radial-gradient(circle at 30% 25%,#f0f4df,#b8c3ae 68%,#839b89);color:#355040;border-color:#e3e9d6;box-shadow:0 0 0 5px rgba(184,195,174,.12),0 7px 27px rgba(127,199,178,.27)}
.ai-panel{background:rgba(52,26,45,.96);border-color:rgba(234,223,210,.26)}
.ai-chat-head,.ai-chat-composer{background:rgba(113,57,84,.26);border-color:rgba(234,223,210,.20)}
.ai-chat-bubble{background:rgba(133,79,111,.31);border-color:rgba(234,223,210,.23)}
.ai-chat-line.user .ai-chat-bubble{background:rgba(110,147,118,.35);border-color:rgba(184,195,174,.38)}
input,select,textarea,.manager-screen input,.manager-screen select,.manager-screen textarea,
#ownerTaskForm input,#ownerTaskForm select,.ai-chat-composer textarea,.ai-draft-field input,
.ai-draft-field textarea,.ai-draft-field select{background:rgba(35,17,32,.62);border-color:rgba(234,223,210,.30);color:#f6ebdf}
input::placeholder,textarea::placeholder{color:#bda9b3}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline-color:#b8c3ae}
@supports not (color:color-mix(in srgb,red,blue)){
 .metric-card{border-color:rgba(234,223,210,.30)}
 .quick-grid button{border-color:rgba(234,223,210,.29)}
 .quick-grid button span{filter:none}
}


/* Reference-matched home: dark optical glass, icon tiles and soft diagonal highlights. */
:root{--bg:#1c121e;--panel:rgba(80,52,70,.25);--cream:#f4e7e7;--muted:#c6b4bf;--sage:#b8d7bb}
html{background:#1b101d}
body{
 background:
 radial-gradient(ellipse 65% 48% at 4% 2%,rgba(188,111,148,.29),transparent 78%),
 radial-gradient(ellipse 42% 38% at 100% 34%,rgba(133,71,104,.26),transparent 76%),
 radial-gradient(ellipse 48% 36% at 7% 83%,rgba(129,73,112,.26),transparent 80%),
 linear-gradient(155deg,#2e1b2a,#170f1b 58%,#29192b);
 background-attachment:fixed;color:#f3e7e9;
}
main{max-width:760px}
.brand-head{display:none}
#app .user-strip{
 position:relative;display:flex;align-items:center;min-height:74px;
 padding:15px 17px 15px 82px;border-radius:25px;
 background:linear-gradient(137deg,rgba(237,184,217,.20),rgba(72,38,64,.30) 55%,rgba(186,122,168,.15));
 border:1px solid rgba(250,211,233,.42);
 box-shadow:inset 0 1px 0 rgba(255,242,250,.30),inset 0 -7px 17px rgba(220,152,198,.05),0 9px 27px #14081463;
}
#app .user-strip:before{
 content:'C';position:absolute;left:16px;top:50%;transform:translateY(-50%);
 width:49px;height:49px;border-radius:50%;display:grid;place-items:center;
 font-size:20px;font-weight:700;color:#f4f1e8;
 background:linear-gradient(145deg,#8b9d8b,#3c514b 80%);
 border:1px solid rgba(234,246,226,.38);box-shadow:inset 0 1px 8px #fff6,0 4px 12px #0b10104b;
}
#app .user-strip button{background:linear-gradient(155deg,rgba(227,161,207,.27),rgba(137,74,113,.29));box-shadow:inset 0 1px 0 #ffffff2b;border:1px solid #f6cde757}
#home{
 position:relative;overflow:hidden;padding:24px 20px 21px;
 background:linear-gradient(129deg,rgba(215,166,193,.14),rgba(60,36,53,.30) 28%,rgba(65,36,58,.20) 69%,rgba(175,110,148,.15));
 border:1px solid rgba(251,215,236,.46);border-radius:30px;
 box-shadow:inset 0 1px 0 #fff7,inset 0 0 25px #f5a7d00e,0 14px 42px #0f081652;
}
#home:before{
 content:'';pointer-events:none;position:absolute;inset:0;
 background:linear-gradient(147deg,transparent 17%,rgba(255,215,239,.07) 17.1%,transparent 34%),
 linear-gradient(148deg,transparent 70%,rgba(255,221,237,.055) 70.1%,transparent 86%);
}
#home>*{position:relative}
#home .home-title{margin-bottom:16px}
#home .home-title h2{font-size:29px;margin:6px 0}
#home .shell-subtitle{font-size:11px;letter-spacing:2px;color:#b7c6b7}
#home .home-title button{min-width:50px;height:50px;border-radius:17px;font-size:26px;background:rgba(240,190,219,.11);border:1px solid #f5d6eb3a}
#home .metric-grid{gap:12px;margin:15px 0 27px}
#home .metric-card{
 display:flex;align-items:center;text-align:left;gap:11px;width:100%;margin:0;
 min-height:119px;padding:13px 11px;border-radius:23px;
 background:linear-gradient(137deg,rgba(255,215,239,.19),rgba(171,112,150,.14) 40%,rgba(64,40,61,.28));
 border:1px solid rgba(253,212,236,.42);
 box-shadow:inset 0 1px 0 #fff6,inset 0 0 17px rgba(249,195,227,.11),0 6px 18px #130b1940;
 backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
 color:#f7edf0;cursor:pointer;
}
#home .metric-card:before{height:1px;background:linear-gradient(90deg,transparent,#ffebf6a8,transparent)}
#home .metric-card .metric-icon{
 flex:0 0 43px;width:43px;height:49px;border-radius:15px;
 display:grid;place-items:center;font-size:25px;color:var(--metric-accent);
 border:1px solid color-mix(in srgb,var(--metric-accent) 37%,transparent);
 background:linear-gradient(155deg,color-mix(in srgb,var(--metric-accent) 25%,transparent),rgba(33,26,38,.27));
 box-shadow:inset 0 1px 0 #fff5,0 4px 12px #110a1940;
}
#home .metric-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px}
#home .metric-label{font-size:12px;color:#e0d0d9;line-height:1.23}
#home .metric-value{font-size:clamp(19px,4.4vw,27px);font-weight:750;line-height:1.14;white-space:nowrap;color:#fff5f6;letter-spacing:-.65px}
#home .metric-foot{font-size:10px;color:#bbd6be;line-height:1.32}
#home .glass-chevron{flex:0 0 auto;font-size:26px;color:#dfc8d7;opacity:.8;line-height:1}
#home>.quick-grid+*{margin-top:16px}
#home h2{font-size:23px;margin:0 0 14px}
#home .quick-grid{gap:10px;margin:10px 0 23px}
#home .quick-grid button{
 display:flex;align-items:center;gap:10px;min-height:67px;padding:10px 11px;
 border-radius:21px;color:#f9eff2;font-size:13px;font-weight:700;
 background:linear-gradient(137deg,rgba(252,211,235,.18),rgba(101,57,85,.22) 68%,rgba(206,152,185,.09));
 border:1px solid rgba(250,213,235,.43);
 box-shadow:inset 0 1px 0 #fff5,0 5px 17px #1d0d1a50;
}
#home .quick-icon{
 flex:0 0 42px;width:42px;height:44px;border-radius:14px;display:grid;place-items:center;
 color:var(--action-accent);font-size:27px;
 background:linear-gradient(145deg,color-mix(in srgb,var(--action-accent) 27%,transparent),rgba(33,24,38,.34));
 border:1px solid color-mix(in srgb,var(--action-accent) 39%,transparent);
 box-shadow:inset 0 1px 0 #fff5,0 4px 11px #180d1a55;
}
#home .quick-label{flex:1;text-align:left}
#home .quick-grid .glass-chevron{font-size:24px}
#home .glass-ai-entry{
 width:100%;margin:0 0 15px;min-height:92px;padding:14px 13px;
 display:flex;gap:13px;align-items:center;text-align:left;border-radius:23px;
 background:linear-gradient(130deg,rgba(251,209,239,.16),rgba(91,50,82,.25));
 border:1px solid rgba(253,216,238,.40);color:#f4e9ee;
 box-shadow:inset 0 1px 0 #fff6,0 9px 24px #1d0d1a44;
}
#home .ai-entry-icon{flex:0 0 49px;height:53px;display:grid;place-items:center;border-radius:16px;color:#ffb9e8;font-size:29px;background:linear-gradient(145deg,#b879ad59,#4c2c4b50);border:1px solid #e5b1d46b}
#home .ai-entry-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#home .ai-entry-copy strong{font-size:15px;color:#f7eaf2}
#home .ai-entry-copy small{font-size:11px;line-height:1.48;color:#c8b8c5}
#home #homeStatus{font-size:11px;line-height:1.45;margin:8px 0 0;padding:0 7px;color:#a99baa}
.bottom-nav{
 left:8px;right:8px;bottom:calc(4px + env(safe-area-inset-bottom));
 border-radius:24px;
 background:linear-gradient(135deg,rgba(204,148,185,.20),rgba(48,28,48,.83) 56%,rgba(174,117,153,.18));
 border:1px solid rgba(255,218,239,.43);
 box-shadow:inset 0 1px 0 #fff5,0 7px 25px #0b071a88;
 backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);
}
.bottom-nav button.active{
 background:linear-gradient(145deg,rgba(187,209,183,.30),rgba(107,122,108,.26));
 border:1px solid rgba(214,241,211,.33);color:#f1f5eb;
 box-shadow:inset 0 1px 0 #fff5,0 3px 10px #090d0e66;
}
.ai-fab{
 background:radial-gradient(circle at 35% 25%,#e4f7df,#b7d7b6 59%,#86aa91);
 color:#30433b;border:1px solid #eaffdf;
 box-shadow:0 0 0 7px #b4d6ae2b,0 0 24px #b1edb5a1,0 8px 26px #101510a8;
 width:53px;min-height:53px;font-size:25px;
}
@media(max-width:679px){
 main{padding:15px 12px 130px}
 #app .user-strip{margin:0 0 12px;min-height:70px;padding-left:73px}
 #app .user-strip:before{left:13px;width:45px;height:45px}
 #app .user-strip b{font-size:13px}
 #home{padding:21px 13px 18px;border-radius:27px}
 #home .home-title h2{font-size:26px}
 #home .metric-grid{gap:9px}
 #home .metric-card{min-height:107px;gap:8px;padding:10px 8px;border-radius:20px}
 #home .metric-card .metric-icon{flex-basis:36px;width:36px;height:40px;font-size:22px;border-radius:12px}
 #home .metric-label{font-size:11px}
 #home .metric-value{font-size:clamp(17px,4.7vw,23px)}
 #home .metric-foot{font-size:9px}
 #home .metric-card .glass-chevron{font-size:20px}
 #home .quick-grid{gap:9px}
 #home .quick-grid button{min-height:64px;padding:8px;gap:8px}
 #home .quick-icon{flex-basis:37px;width:37px;height:40px;font-size:22px}
 #home .quick-label{font-size:12px}
 #home .glass-ai-entry{min-height:81px}
 .ai-fab{right:14px;bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
 #home .metric-card{gap:5px;padding:9px 6px}
 #home .metric-card .metric-icon{flex-basis:30px;width:30px}
 #home .metric-value{font-size:16px}
 #home .metric-card .glass-chevron{display:none}
 #home .quick-icon{flex-basis:32px;width:32px}
}