/* Impeccable: restrained Operate-mode refinement of the existing Drop Fade UI. */
:root{
 --df-panel:#151319;--df-field:#0e0c12;--df-line:#38333f;
 --df-text:#f5f2fa;--df-secondary:#c4bdcf;--df-highlight:#d6c3ff;
 --df-radius:12px;--df-control:46px;
}
#team{color:var(--df-text);padding-top:32px}
#team .team-top{margin-bottom:24px;padding-bottom:24px;align-items:center}
#team .team-top .eyebrow{display:none}
#team .team-top h1{font-family:var(--font-interface);font-size:2.25rem;font-weight:650;letter-spacing:-.03em;line-height:1.2;text-transform:none;margin:0 0 8px}
#team .session-user{font-size:.875rem;color:var(--df-secondary)}
#team :is(.btn,.tab){font-family:var(--font-interface);text-transform:none;letter-spacing:normal;font-weight:600;box-shadow:none;background-image:none}
#team .btn:not(.btn-circle):not(.ma-month-day){border-radius:var(--df-radius);min-height:var(--df-control)}
#team #new-booking{color:var(--color-primary-content);font-size:.9375rem;padding:12px 18px;white-space:nowrap}
#team #my-profile{font-size:.875rem;background:var(--df-panel);border-color:var(--df-line)}
#team :is(.input,.select){background:var(--df-field);border-color:var(--df-line);color:var(--df-text);border-radius:var(--df-radius);min-height:var(--df-control);font-family:var(--font-interface)}
#team :is(input,select){caret-color:var(--df-highlight)}
#team .team-tabs{background:transparent;border:0;border-bottom:1px solid var(--df-line);border-radius:0;padding:0 0 10px;gap:8px;margin-bottom:24px}
#team .team-tabs .tab{color:var(--df-secondary);min-height:46px;padding:10px 18px;border-radius:10px;font-size:.875rem}
#team .team-tabs .tab-active{background:#292032;color:var(--df-highlight);box-shadow:inset 0 0 0 1px #66517e}
#team .stat-box{padding:18px 20px;border-radius:12px;background:var(--df-panel);gap:6px}
#team .stat-box strong{font-size:1.75rem;font-weight:600;letter-spacing:-.025em}
#team .stat-box span{font-size:.8125rem;text-transform:none;letter-spacing:normal;color:var(--df-secondary)}
#team .ux-sync{font-size:.75rem;color:var(--df-secondary);margin-bottom:16px}
#team .agenda-controls{padding:0;column-gap:12px;row-gap:16px}
#team .agenda-controls label{font-size:.8125rem;text-transform:none;letter-spacing:normal}
#team .desktop-agenda{border-radius:16px;padding:20px}
#team .da-days .btn{min-height:72px;padding:10px 8px}
#team :is(.da-title h2,.ma-filter-heading h2,.stock-heading h2){font-family:var(--font-interface);text-transform:none;font-size:1.5rem;font-weight:650;letter-spacing:-.02em}
#team :is(.team-user-row,.stock-product){border-radius:14px;background:var(--df-panel);border-color:var(--df-line)}
#team .team-user-actions{gap:12px}
#team .stock-product .card-body{padding:24px;gap:12px}
#team .stock-product-title{gap:12px;align-items:start}
#team .stock-product .card-title{font-family:var(--font-interface);font-size:1.125rem;text-transform:none;letter-spacing:-.015em;line-height:1.4}
#team .stock-product .badge{font-size:.75rem;white-space:nowrap;flex-shrink:0}
#team .stock-product p{font-size:.875rem;line-height:1.5;margin:0}
#team .stock-quantity strong{font-variant-numeric:tabular-nums;font-size:2rem}
#team .stock-more{border-top:1px solid var(--df-line);border-radius:0;background:transparent;margin-top:8px}
#team .stock-tabs{background:var(--df-panel);padding:4px;border-radius:12px;gap:4px}
#team .stock-tabs .tab{font-size:.875rem;min-height:44px}
#team .stock-filters{gap:16px;margin-block:24px}
#team :is(.muted,.stat-desc){color:var(--df-secondary)}
#team :is(.btn,.tab):disabled{opacity:.45;cursor:not-allowed}
#team :is(button,a,input,select,summary):focus-visible{outline:2px solid var(--df-highlight);outline-offset:3px}
#team ::selection{background:#593484;color:#fff}
body:has(#team:not([hidden])) dialog{background:var(--df-panel);border-radius:16px;color:var(--df-text);scroll-padding-block:24px;overscroll-behavior:contain}
body:has(#team:not([hidden])) dialog h2{font-family:var(--font-interface);font-size:1.625rem;font-weight:650;letter-spacing:-.025em;line-height:1.25;text-transform:none;padding-right:36px;margin-bottom:12px}
body:has(#team:not([hidden])) dialog .muted{color:var(--df-secondary);font-size:.875rem;line-height:1.6}
body:has(#team:not([hidden])) dialog label{font-size:.875rem;font-weight:500;line-height:1.5}
body:has(#team:not([hidden])) dialog :is(.input,.select){background:var(--df-field);border:1px solid var(--df-line);border-radius:var(--df-radius);min-height:48px;caret-color:var(--df-highlight)}
body:has(#team:not([hidden])) dialog input::placeholder{color:var(--df-secondary);opacity:1}
body:has(#team:not([hidden])) dialog .btn{font-family:var(--font-interface);text-transform:none;letter-spacing:normal;font-weight:600;box-shadow:none;background-image:none}
body:has(#team:not([hidden])) dialog .btn:not(.btn-circle){min-height:46px;border-radius:var(--df-radius)}
body:has(#team:not([hidden])) dialog .btn-circle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%}
body:has(#team:not([hidden])) dialog legend{font-size:.9375rem;color:var(--df-highlight);font-weight:600}
#team-booking-dialog .internal-booking-grid{gap:24px;align-items:start}
#team-booking-dialog fieldset{border:0;border-top:1px solid var(--df-line);border-radius:0;padding:20px 0 0;margin:0;min-width:0}
#team-booking-dialog legend{padding:0 10px 0 0}
#team-booking-dialog .internal-pair{gap:12px}
#team-booking-dialog .customer-result{background:#211b2b;border-color:#66517e;gap:4px;padding:12px 14px}
#team-booking-dialog .customer-result strong{font-size:.9375rem;font-weight:600;margin:0}
#team-booking-dialog .customer-result span{font-size:.875rem;color:var(--df-secondary);margin:0}
#team-booking-dialog .internal-recap{background:var(--df-field);border:1px solid var(--df-line);font-size:.875rem;line-height:1.6;padding:16px;margin-top:24px}
#team-booking-dialog .modal-action{gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--df-line)}
.ux-preview-note{border:0;border-radius:0;background:var(--df-panel);color:var(--df-secondary);font-size:.75rem;margin:0 auto;padding:10px 24px;line-height:1.5}
@media(hover:hover){
 #team :is(.btn,.tab):not(:disabled):hover{border-color:#79628f}
 #team .team-tabs .tab:not(.tab-active):hover{background:var(--df-panel);color:var(--df-text)}
 #team-booking-dialog .customer-result:hover{background:#30233f}
}
@media(max-width:767px){
 #team{padding:24px 18px 48px}
 #team .team-top h1{font-size:1.75rem;letter-spacing:-.025em}
 #team .team-top{margin-bottom:20px;padding-bottom:20px}
 #team .team-actions{gap:8px;margin-top:18px;grid-template-columns:minmax(0,1fr) auto}
 #team #new-booking{font-size:.8125rem;padding:12px 10px}
 #team #my-profile{font-size:.8125rem;padding:12px 10px}
 #team .team-tabs .tab{font-size:.8125rem;padding:10px 8px}
 #team .ma-filter-heading h2{font-size:1.375rem}
 #team .stock-product .card-body{padding:18px}
 #team .stock-actions{gap:10px}
 #team .stock-actions .btn{flex:1 1 auto}
 #team .stock-product-title{flex-wrap:wrap}
 body:has(#team:not([hidden])) dialog{padding:24px 18px}
 body:has(#team:not([hidden])) dialog h2{font-size:1.375rem}
 body:has(#team:not([hidden])) dialog :is(input,select){font-size:1rem}
 #team-booking-dialog .internal-booking-grid{gap:24px}
 #team-booking-dialog .modal-action{display:grid;grid-template-columns:auto minmax(0,1fr)}
 .ux-preview-note{margin:0;padding:10px 18px}
}