/* Staff-only glass treatment. Keep data and controls opaque enough to read;
   blur belongs on the rail, dock and a few larger surfaces, never every row. */
.is-staff{
  --sg-surface:rgba(255,255,255,.82);
  --sg-control:rgba(255,255,255,.94);
  --sg-border:rgba(112,43,61,.16);
  --sg-edge:rgba(255,255,255,.92);
  --sg-shadow:0 14px 42px rgba(75,35,48,.07),inset 0 1px 0 var(--sg-edge);
  --sg-blur:blur(18px) saturate(1.15);
  background:#f4eeeb;
  background-image:radial-gradient(ellipse 640px 520px at 0 0,#ddc0c766,transparent 80%),radial-gradient(ellipse 720px 620px at 100% 35%,#e9d7b680,transparent 80%),linear-gradient(145deg,#f7f2f0,#f0e8e4);
}
.is-staff .staff-app{--line:#dcd0ca;--muted:#6b5b60;--ink-soft:#59474e}
.is-staff .staff-main{padding-top:26px}
.is-staff .staff-head{padding:20px 22px;border:1px solid var(--sg-edge);border-radius:24px;background:var(--sg-surface);box-shadow:var(--sg-shadow);backdrop-filter:var(--sg-blur);-webkit-backdrop-filter:var(--sg-blur)}
.is-staff .staff-head h1{font-size:34px}
.is-staff .staff-app :is(.staff-login,.enq-panel,.enq-cal,.enq-empty,.catalog-editor,.viewing-manager,.inbox-thread){border:1px solid var(--sg-edge);border-radius:24px;background:var(--sg-surface);box-shadow:var(--sg-shadow)}
.is-staff .staff-login{backdrop-filter:var(--sg-blur);-webkit-backdrop-filter:var(--sg-blur)}
.is-staff .staff-login img,.is-staff .staff-brand img{mix-blend-mode:multiply}
.is-staff .enq-empty{max-width:none;min-height:230px;padding:34px}
.is-staff .enq-empty p{max-width:50ch}
.is-staff .staff-app .enq-rows{display:grid;gap:8px;border:0}
.is-staff .staff-app .enq-row{border:1px solid var(--sg-edge);background:var(--sg-surface);box-shadow:0 4px 16px #4b233009,inset 0 1px 0 #fff;border-radius:16px;padding:15px 14px}
.is-staff .staff-app .enq-row.is-selected{background:#f4e7e9;border-color:#ad7b87;box-shadow:inset 3px 0 0 var(--wine),0 6px 20px #702b3d0d}
.is-staff .enq-group-title{padding:16px 4px 10px}
.is-staff .enq-panel{padding:22px;scrollbar-width:thin;scrollbar-color:#b89da5 transparent}
.is-staff .staff-app :is(.sbtn,.button,.enq-close,.enq-back,.filter-button,.quick-option){border-radius:12px;border-color:var(--sg-border);background:var(--sg-control);box-shadow:inset 0 1px 0 #fff}
.is-staff .staff-app :is(.sbtn-primary,.button:not(.button-outline):not(.button-danger)){background:linear-gradient(145deg,#80374b,var(--wine));border-color:var(--wine);color:#fff;box-shadow:inset 0 1px 0 #ffffff29,0 4px 12px #702b3d16}
.is-staff .staff-app :is(.sbtn-danger,.button.button-danger,.link-danger){color:#8a2c2c;background:#fff7f6;border-color:#d9b8b8}
.is-staff .staff-app :is(.sbtn,.button):disabled{box-shadow:none;opacity:.55}
.is-staff .staff-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:12px;background:var(--sg-control);border-color:#cdb9bf}
.is-staff .staff-app :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{border-color:var(--wine)}
.is-staff .staff-app .qp-select-trigger{border-radius:12px;background:var(--sg-control);border-color:#cdb9bf;box-shadow:inset 0 1px 0 #fff}
.is-staff .staff-app .enq-toolbar>.qp-select{flex:0 1 210px;width:210px;max-width:100%}
.is-staff .qp-select-panel{border-radius:16px;border-color:#cdb9bf;background:#fffaf9;box-shadow:0 12px 32px #4b233024,inset 0 1px 0 #fff}
.is-staff .staff-app .enq-search{border-radius:14px;border-color:#cdb9bf;background:var(--sg-control);box-shadow:inset 0 1px 0 #fff}
.is-staff .staff-app .enq-search input:not([type=checkbox]):not([type=radio]){border-radius:0;background:transparent}
.is-staff .staff-app .enq-views{gap:4px}
.is-staff .staff-app .enq-views .sbtn+.sbtn{margin-left:0}
.is-staff .staff-app :is(.sbtn[aria-pressed=true],.filter-button[aria-pressed=true],.visit-period[aria-pressed=true]){background:#f0dfe4;border-color:#b17e8b;color:var(--wine)}
.is-staff .staff-app :is(.enq-pill,.status-badge,.staff-badge,.chat-state,.unread-badge,.tab-count){border-radius:999px}
.is-staff .staff-app .staff-list{border:0;gap:8px}
.is-staff .staff-app :is(.staff-row,.staff-inline-form,.reset-link-box,.team-panel,.dashboard-summary,.visit-section){border:1px solid var(--sg-edge);border-radius:18px;background:var(--sg-surface);box-shadow:0 5px 20px #4b233008,inset 0 1px 0 #fff}
.is-staff .staff-app :is(.staff-row,.staff-inline-form,.dashboard-summary,.visit-section){padding:18px}
.is-staff .staff-app .dashboard-summary{gap:12px 28px}
.is-staff .staff-app .filter-bar{gap:4px}
.is-staff .staff-app .filter-button+.filter-button{margin-left:0}
.is-staff .staff-app .support-item{border-radius:16px;background:var(--sg-surface);border-color:var(--sg-edge);box-shadow:0 4px 14px #4b233008}
.is-staff .staff-app .support-item.is-current{background:#f4e7e9;border-color:#ad7b87;box-shadow:inset 3px 0 var(--wine)}
.is-staff .staff-app :is(.thread-head,.staff-reply){background:rgba(255,255,255,.9)}
.is-staff .staff-app .inbox-thread .chat-body{background:linear-gradient(150deg,#fffaf9b3,#f5ece9cc)}
.is-staff .staff-app .bubble{border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 3px 12px #4b23300b}
.is-staff .staff-app .bubble.is-me{background:var(--wine);color:#fff}
.is-staff .staff-app .bubble-meta{opacity:1}
.is-staff .viewing-calendar{border-color:var(--sg-border);background:#fffaf9;box-shadow:inset 0 1px 0 #fff}
.is-staff .catalog-items{border-color:var(--sg-border)}
.is-staff :is(.ep-dialog,.ep-panel){border-radius:22px;background:#fffaf8;border-color:#dcd0ca;box-shadow:var(--sg-shadow)}
.is-staff .ep-dialog::backdrop{background:#30202866;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.is-staff .ep-dialog :is(.ep-field input,.ep-field select,.ep-field textarea,.ep-button,.ep-close){border-radius:12px}
.is-staff .ep-dialog .ep-panel{border-radius:18px;background:#fff;box-shadow:inset 0 1px 0 #fff}
.is-staff :is(.staff-app,.ep-dialog) :focus-visible{outline:3px solid var(--wine);outline-offset:3px}
/* Only the desktop rail may have a filter: on phones a filtered rail would
   become the fixed dock's containing block and break its viewport positioning. */
@media(min-width:1101px),(min-width:901px) and (pointer:fine){
  .is-staff .staff-rail{top:12px;height:calc(100vh - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:12px 0 12px 12px;padding:20px 12px;border:1px solid var(--sg-edge);border-radius:26px;background:rgba(255,255,255,.7);box-shadow:var(--sg-shadow);backdrop-filter:var(--sg-blur);-webkit-backdrop-filter:var(--sg-blur)}
  .is-staff .staff-brand{padding-bottom:16px;border-bottom:1px solid var(--sg-border);margin:0 4px 4px}
  .is-staff .staff-app .staff-tabs{gap:5px}
  .is-staff .staff-app .staff-tab{min-height:46px;border-radius:14px}
  .is-staff .staff-app .staff-tab-ink{background:linear-gradient(120deg,#eedce1,#f7eeeb);border:1px solid #fff9;border-radius:14px;box-shadow:inset 3px 0 0 var(--wine),inset 0 1px 0 #fff,0 5px 14px #702b3d0b}
  /* What's new and Sign out stay pinned at the foot of the rail; on short screens the tabs scroll above them. */
  .is-staff .staff-rail-foot{position:sticky;bottom:-20px;z-index:2;margin:auto -12px -20px;padding:12px 18px 20px;border-top:1px solid var(--sg-border);background:#fcf9f8}
}
@media(hover:hover) and (pointer:fine){
  .is-staff .staff-app .enq-row:not(.is-selected):hover,.is-staff .staff-app .support-item:not(.is-current):hover{background:#fff;border-color:#d8bcc5;box-shadow:0 6px 20px #702b3d12}
  .is-staff .staff-app .sbtn-quiet:hover,.is-staff .staff-app .filter-button:hover{background:#fff;border-color:#a16d7b}
  .is-staff .staff-app .sbtn-primary:hover,.is-staff .staff-app .button:not(.button-outline):not(.button-danger):hover{background:var(--wine-dark);border-color:var(--wine-dark);color:#fff}
}
@media(max-width:900px),(max-width:1100px) and (pointer:coarse){
  .is-staff .staff-rail{margin:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  .is-staff .staff-main{padding-top:16px}
  .is-staff .staff-head{padding:18px;border-radius:20px;gap:14px}
  .is-staff .staff-head h1{font-size:30px}
  .is-staff .staff-app .staff-tabs{background:rgba(255,250,249,.84);border-color:#ffffffe6;box-shadow:inset 0 1px 0 #fff,0 10px 36px #4b233024;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2)}
  .is-staff .staff-app .staff-tabs.has-ink .staff-tab[aria-selected=true],.is-staff .staff-app .staff-tabs:has(.dock-more-item[aria-selected=true]) .staff-more{background:linear-gradient(140deg,#f3e3e8,#ecdae0);color:var(--wine);box-shadow:inset 0 1px 0 #fff,0 3px 10px #702b3d0d}
  .is-staff .staff-app :is(.enq-panel,.catalog-editor,.viewing-manager){border-radius:20px;padding:18px}
  .is-staff .enq-empty{padding:24px;min-height:200px}
  .is-staff .staff-app .enq-row{padding:14px 12px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .is-staff{--sg-surface:#fffaf9}
  .is-staff :is(.staff-rail,.staff-app .staff-tabs){background:#fffaf9}
}
@media(prefers-reduced-transparency:reduce){
  .is-staff{--sg-surface:#fffaf9;--sg-control:#fff;--sg-blur:none}
  .is-staff :is(.staff-rail,.staff-app .staff-tabs){background:#fffaf9;backdrop-filter:none;-webkit-backdrop-filter:none}
  .is-staff .ep-dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
  .is-staff{background:Canvas;--sg-surface:Canvas;--sg-control:Canvas;--sg-edge:CanvasText;--sg-shadow:none;--sg-blur:none}
  .is-staff :is(.staff-rail,.staff-head,.staff-app .staff-tabs){background:Canvas;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:CanvasText}
  .is-staff .staff-app :is(.enq-row.is-selected,.support-item.is-current,.staff-tab[aria-selected=true]){outline:2px solid Highlight;outline-offset:-2px}
}