/* Evently Business — shared visual system inspired by the Bookinda workspace. */
body.business-portal {
  --purple:#268d7c; --muted:#718186; --line:#e4ecec;
  --ink:#183438; --mint:#278877; --mint-soft:#e6f6f0;
  --violet:#7663d6; --violet-soft:#efecfc; --blue:#467bb3; --blue-soft:#eaf2fd;
  --amber:#a66a1d; --amber-soft:#fff3e3; --rose:#b6617d; --rose-soft:#fcecf2;
  color:var(--ink); background:#f5f8f8; font-size:14px;
  -webkit-font-smoothing:antialiased;
}
.business-portal h1,.business-portal h2,.business-portal h3{letter-spacing:-.025em;color:var(--ink)}
.business-portal button{transition:background .15s,box-shadow .15s,transform .15s;background:var(--mint-soft);color:#236d62;line-height:1.35}
.business-portal button:hover{background:#d9efe7;box-shadow:0 3px 10px #193b3610}
.business-portal button:active{transform:translateY(1px)}
.business-portal button.primary,.business-portal .dashboard-intro>button{background:#319b88;color:#fff;box-shadow:0 5px 12px #26877518}
.business-portal button.primary:hover,.business-portal .dashboard-intro>button:hover{background:#257f70}
.business-portal button.danger{background:#fff0f1;color:#ae3e55}
.business-portal button.danger:hover{background:#ffe1e6}
.business-portal button:disabled{box-shadow:none;transform:none}
.business-portal :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #69bfae;outline-offset:3px}
.business-portal .icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.business-portal button>.menu-icon{width:18px;height:18px}
.business-portal input,.business-portal select,.business-portal textarea{border-color:#d9e4e4;border-radius:11px;background:#fff;min-height:46px;box-shadow:0 1px 2px #16343a03}
.business-portal input:hover,.business-portal select:hover,.business-portal textarea:hover{border-color:#a8c8c1}
.business-portal input:focus,.business-portal select:focus,.business-portal textarea:focus{border-color:#51a99a}
.business-portal label{color:#51676d;font-size:13px;font-weight:550}
.business-portal .help{font-size:12px;color:#728388}
.business-portal .row{row-gap:10px}
.business-shell{background:#f5f8f8;grid-template-columns:248px minmax(0,1fr)}
.business-shell .sidebar{background:linear-gradient(160deg,#172f33,#12272a);color:#d5e4e5;padding:24px 14px 18px;scrollbar-width:thin;scrollbar-color:#456367 transparent;gap:22px}
.business-shell .brand,.business-portal .auth .brand{display:flex;align-items:center;gap:11px;letter-spacing:-.7px;font-size:23px;font-weight:750}
.business-shell .brand{padding:0 9px 18px;border-bottom:1px solid #ffffff0e}
.brand-mark{object-fit:contain;border-radius:10px;width:40px;height:40px;flex:none;filter:drop-shadow(0 3px 7px #00000014)}
.brand-sub{display:block;font-size:11px;font-weight:550;letter-spacing:2px;margin-top:2px;text-transform:uppercase;color:#9dc1bf}
.business-portal .auth .brand-sub{color:#6c8785}
.business-shell .nav{gap:12px}
.business-shell .nav-group{gap:3px}
.business-shell .nav button,.business-shell .nav-branch summary{background:transparent;font-weight:500;border-radius:10px;padding:10px 12px;min-height:44px;color:#b8cccf;font-size:13px;gap:11px;transition:background .15s}
.business-shell .nav .menu-icon{width:20px;height:20px;stroke-width:1.7;opacity:.85}
.business-shell .nav button:hover,.business-shell .nav-branch summary:hover{background:#ffffff08;color:#fff;box-shadow:none}
.business-shell .nav button.active{background:#274a47;color:#fff;box-shadow:inset 3px 0 #5ec5af}
.business-shell .nav button.active .menu-icon{color:#71d4be;opacity:1}
.business-shell .nav-group:nth-child(2)>.nav-caption{color:#8aaab4}
.business-shell .nav-group:nth-child(2) .menu-icon{color:#a0b6d7}
.business-shell .nav-group:nth-child(3) .menu-icon{color:#d5b2de}
.business-shell .nav-group:nth-child(4) .menu-icon{color:#b0d3c1}
.business-shell .nav-caption{font-size:10px;color:#7e9ba0;font-weight:650;letter-spacing:1.8px;margin:15px 12px 8px}
.business-shell .nav-submenu{border-left:1px solid #ffffff1a;margin-left:22px;padding:5px 0 8px 12px}
.business-shell .nav .nav-subitem{font-size:12px;font-weight:450;padding:8px 10px;gap:8px}
.business-shell .nav .nav-subitem .menu-icon{width:15px;height:15px}
.business-shell .nav-branch[open]>summary{color:#f3fcfa}
.business-shell .foot{border-top:1px solid #ffffff12;padding:14px 8px 0;margin-top:12px}
.business-shell .foot label{font-size:11px;color:#9ebbbd}
.business-shell .foot select{background:#213f42;border-color:#365356;color:#e6f2f1;font-size:12px}
.business-shell .foot button{background:#234145;color:#c2d9d9;min-height:38px;font-size:12px}
.business-shell .foot .help{overflow-wrap:anywhere;color:#91b2b5;font-size:11px}
.business-shell .workspace{min-width:0;padding:28px 32px 48px}
.business-shell .top{margin:-28px -32px 26px;padding:17px 32px;background:#fff;border-color:#e5ecec;min-height:84px;box-shadow:0 2px 8px #12353503;gap:12px}
.business-shell .top h1{font-size:22px;letter-spacing:-.6px;margin-bottom:3px;font-weight:750}
.business-shell .top .muted{font-size:12px}
.header-shortcuts{display:flex;gap:4px;align-items:center;padding-right:12px;border-right:1px solid var(--line)}
.business-shell .header-shortcut{background:transparent;color:#74878b;width:40px;min-height:40px;padding:9px;border-radius:50%;display:grid;place-items:center}
.business-shell .header-shortcut:hover{background:#f0f7f5;color:var(--mint)}
.business-shell .header-shortcut .menu-icon{width:20px;height:20px}
.business-shell .top [data-action=refresh]{background:#fff;border:1px solid #dfe8e8;color:#526c70;font-size:12px}
.business-shell .top>.row:last-child{gap:12px}
.business-portal .local-preview-notice{display:flex;align-items:center;font-size:11px;color:#457e73;background:#edf7f2;border:1px solid #dcefe5;padding:9px 13px;border-radius:10px;margin-bottom:22px}
.business-portal .local-preview-notice:before{content:'';width:7px;height:7px;border-radius:50%;background:#4cab8e;margin-right:10px;flex:none}
.business-shell .card{background:#fff;border:1px solid #e1e9e9;border-radius:17px;padding:23px;box-shadow:0 3px 8px #1b3d3804;min-width:0}
.business-shell .cards{gap:18px;align-items:start}
.business-shell .cards>.card{height:100%}
.business-portal .visual-heading{display:flex;align-items:center;gap:10px;line-height:1.35}
.business-portal h2.visual-heading{font-size:17px;margin-bottom:17px}
.business-portal h3.visual-heading{font-size:14px}
.heading-icon{width:35px;height:35px;border-radius:10px;background:#f0f6f5;color:var(--mint);display:inline-grid;place-items:center;flex:none}
.heading-icon .menu-icon{width:18px;height:18px}
.heading-icon.tone-chart,.heading-icon.tone-document{background:var(--violet-soft);color:var(--violet)}
.heading-icon.tone-users{background:var(--blue-soft);color:var(--blue)}
.heading-icon.tone-star{background:var(--amber-soft);color:var(--amber)}
.heading-icon.tone-image,.heading-icon.tone-bell{background:var(--rose-soft);color:var(--rose)}
.business-portal .dashboard-intro{margin:4px 0 24px;gap:18px}
.intro-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.7px;color:#728e8c;margin-bottom:7px}
.business-portal .dashboard-intro h2{font-size:31px;font-weight:750;letter-spacing:-1px;line-height:1.2}
.business-portal .dashboard-intro p{font-size:12px;margin-top:8px}
.business-portal .grid{gap:16px}
.business-portal .dashboard-metric{padding:20px 18px;gap:13px;position:relative;overflow:hidden;min-height:115px;border-top:3px solid #79c2b1}
.business-portal .dashboard-metric:after{content:'';position:absolute;right:-18px;top:-22px;width:80px;height:80px;border-radius:50%;background:#f0faf7;pointer-events:none}
.business-portal .dashboard-metric>div{min-width:0;position:relative;z-index:1}
.business-portal .metric-icon{width:46px;height:46px;border-radius:13px;background:#e3f5ef;color:#318d78;position:relative;z-index:1}
.business-portal .metric-icon .menu-icon{width:23px;height:23px}
.business-portal .dashboard-metric strong{font-size:26px;color:#18383a;font-weight:750;letter-spacing:-.8px}
.business-portal .dashboard-metric small{font-size:11px;line-height:1.5}
.business-portal .metric-wallet{border-top-color:#a494df}
.business-portal .metric-wallet .metric-icon{background:var(--violet-soft);color:var(--violet)}
.business-portal .metric-wallet:after{background:#f6f3fc}
.business-portal .metric-users{border-top-color:#e8b575}
.business-portal .metric-users .metric-icon{background:var(--amber-soft);color:var(--amber)}
.business-portal .metric-users:after{background:#fff8ee}
.business-portal .metric-chart{border-top-color:#80b6e1}
.business-portal .metric-chart .metric-icon{background:var(--blue-soft);color:var(--blue)}
.business-portal .metric-chart:after{background:#f1f7fc}
.business-portal .dashboard-panels{gap:20px;margin:24px 0}
.business-portal .dashboard-panels>.card:nth-child(2){--chart-a:#8b7ada;--chart-b:#b5a7ed}
.business-portal .dashboard-totals{gap:25px;padding:18px 0;border-top:1px solid #f0f4f4;margin-top:16px}
.business-portal .dashboard-totals small{font-size:11px}
.business-portal .dashboard-totals strong{font-size:22px;letter-spacing:-.6px;color:#234348}
.business-portal .dashboard-bars{height:170px;padding:14px 0 0;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#ecf2f2 40px,#ecf2f2 41px);border-bottom-color:#dce7e7;gap:7px}
.business-portal .dashboard-bars span{background:linear-gradient(180deg,var(--chart-a,#46b7a0),var(--chart-b,#93d4c4));width:60%;max-width:42px;border-radius:6px 6px 0 0;box-shadow:0 -2px 8px #548f8010}
.business-portal .dashboard-bars small{color:#7b9196}
.business-portal .dashboard-bars>div>small:first-child{font-weight:700;color:#446668}
.business-portal .tabs{background:#f0f4f3;padding:4px;border-radius:11px;gap:3px}
.business-portal .tabs button{background:transparent;color:#758685;min-height:35px;padding:7px 12px;font-size:12px}
.business-portal .tabs button.active{background:#fff;color:#236d60;box-shadow:0 2px 5px #284e4112}
.business-portal .appointment-row{padding:16px 3px;gap:12px;border-color:#edf2f2;line-height:1.5;box-shadow:none}
.business-portal .appointment-row:hover{background:#f7fbf9;box-shadow:none}
.appointment-symbol{width:32px;height:32px;border-radius:10px;background:#eaf6f2;color:#4d9e8c;display:grid;place-items:center;flex:none}
.appointment-symbol .menu-icon{width:17px;height:17px}
.business-portal .appointment-time{font-size:11px;color:#608285;width:84px}
.business-portal .appointment-row strong{font-size:13px}
.business-portal .appointment-row small{font-size:11px;color:#7b8d90}
.business-portal .staff-avatar{background:var(--blue-soft);color:#507eaf;border:3px solid #fff;box-shadow:0 0 0 1px #e5eef6;font-weight:700;width:42px;height:42px}
.business-portal .staff-summary{border-color:#edf2f2}
.business-portal .staff-summary:nth-of-type(2n) .staff-avatar{background:var(--violet-soft);color:#8069be}
.business-portal .setup-row{padding:7px 0;border-bottom:1px solid #f0f5f4;gap:12px}
.business-portal .setup-row:last-child{border:0}
.business-portal .setup-row>div{min-width:0;flex:1}
.business-portal .setup-row>button{font-size:12px;color:#317f70;border:1px solid #deede6;background:#f3faf7;border-radius:9px;white-space:normal}
.business-portal .setup-check{display:grid;place-items:center;width:25px;height:25px;background:#f3f5f5;border-radius:50%;color:#9aacaf;flex:none}
.business-portal .setup-check.done{background:#e9f6ee;color:#378b68}
.business-portal .setup-progress{height:7px;border-radius:7px}
.business-portal .badge{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:10px;padding:5px 9px;border-radius:7px;background:var(--violet-soft);color:#6e5ba8;line-height:1.3}
.business-portal .badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7;flex:none}
.business-portal .badge:is(.confirmed,.completed,.active,.checkedIn){background:#e4f5ec;color:#33825a}
.business-portal .badge:is(.pendingApproval,.offered,.held){background:#fff2d9;color:#99691d}
.business-portal .badge:is(.cancelledByCustomer,.cancelledByBusiness,.suspended,.rejected,.blocked){background:#fce9ed;color:#a75467}
.business-portal .badge:is(.expired,.inactive,.archived){background:#edf1f3;color:#71848a}
.business-portal .tablewrap{border-radius:14px}
.business-portal .list{font-size:13px}
.business-portal .list th{background:#f4f8f7;color:#6c8284;padding:15px 16px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;white-space:nowrap}
.business-portal .list td{padding:16px;border-color:#edf2f1;line-height:1.5}
.business-portal .list tbody tr:hover{background:#fafcfb}
.business-portal .list tbody tr:nth-child(even){background:#fcfefd}
.business-portal .list td strong{font-size:13px;font-weight:650;color:#25464a}
.business-portal .list button{background:#edf6f2;color:#368573;min-height:36px;font-size:11px;padding:8px 11px}
.business-portal .toolbar{padding:15px 18px;border:1px solid #e3ece8;border-radius:14px;background:#fff;gap:12px}
.business-portal .toolbar input,.business-portal .toolbar select{font-size:12px;min-height:42px}
.business-portal .toolbar>.row{gap:8px}
.business-portal .visual-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:165px;padding:30px 18px;color:#7d9295;font-size:13px;background:radial-gradient(ellipse at center,#fafdfc,transparent 70%);overflow-wrap:anywhere}
.empty-graphic{position:relative;display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:#edf6f3;color:#81aca3;box-shadow:0 0 0 8px #f6faf8}
.empty-graphic .menu-icon{width:29px;height:29px}
.empty-graphic i{position:absolute;right:-3px;top:-4px;width:15px;height:15px;border:3px solid #fff;background:#d6c8f3;border-radius:50%}
.business-portal .message{font-size:13px;background:#eff4f5;border-radius:14px 14px 14px 3px}
.business-portal .message.own{background:#e0f3eb;border-radius:14px 14px 3px 14px;color:#285f53}
.business-portal .messages{padding:8px 12px;background:#fafcfb;border-radius:13px;border:1px solid #edf3ef}
.business-portal .service-photo{height:175px;border-radius:12px;background:#f1f6f4}
.business-portal .calendar{border-color:#e0eae6;border-radius:12px;overflow:hidden;background:#fff}
.business-portal .day{border-color:#e5eeea}
.business-portal .day.today{background:#eaf8f0}
.business-portal .time-event{border-radius:7px;border-color:#75b8a7;background:#edf8f1;color:#286455;box-shadow:0 1px 4px #224b3610}
.business-portal .time-event:has(.pendingApproval){background:#fff5e3;border-color:#d9b77a}
.business-portal .calendar-summary{border-radius:0 0 12px 12px;background:#f9fcfa;gap:12px}
.business-portal .business-note{border:0;border-top:3px solid #e4c677;box-shadow:0 4px 12px #70542308;border-radius:14px}
.business-portal .business-note.note-mint{border-color:#9ad4b7}
.business-portal .business-note.note-pink{border-color:#e6a9c0}
.business-portal .business-note.note-blue{border-color:#a0c3eb}
.business-portal .business-note.note-purple{border-color:#c2abdf}
.business-portal .warn{background:#fff7e9;border:1px solid #f2e4c9;color:#8e702d;font-size:12px;border-radius:11px}
.business-portal .error{color:#ae5068}
.business-portal dialog{padding:26px;border:1px solid #dfebe6;border-radius:19px;box-shadow:0 22px 85px #143e3733;max-height:90dvh;color:var(--ink)}
.business-portal dialog::backdrop{background:#153b3866;backdrop-filter:blur(3px)}
.business-portal #editorBody>h2{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e5ede8;font-size:20px;gap:12px}
.business-portal #editorBody>h2 .heading-icon{width:42px;height:42px;border-radius:12px}
.business-portal dialog .question{background:#fafcfb;border:1px solid #e2ece7;border-radius:13px;padding:16px;margin:14px 0}
.business-portal fieldset{border:1px solid #e0ebe6;border-radius:12px;min-width:0}
.business-portal legend{font-size:12px;padding:0 7px;color:#598277}
.business-portal .image-picker{border:1px dashed #b9d8ca;background:#f7fcf9;border-radius:13px;padding:16px}
.business-portal .auth{border:1px solid #e0ede7;box-shadow:0 20px 65px #25544810;background:#fff}
.business-portal .auth .brand{margin-bottom:26px;color:#254947}
.business-portal .auth h1{font-size:29px}
.business-portal .auth>.muted{font-size:13px}
.business-portal #notice{background:#244e48;box-shadow:0 8px 30px #234c3826;border:1px solid #4f7d71;border-radius:13px;font-size:13px}
@media(min-width:1450px){.business-shell .workspace{padding-left:42px;padding-right:42px}.business-shell .top{margin-left:-42px;margin-right:-42px;padding-left:42px;padding-right:42px}.business-portal #content{max-width:1560px;margin-inline:auto}}
@media(max-width:1200px){.business-portal .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-shell .top>.row:last-child{gap:7px}.header-shortcuts{gap:0;padding-right:7px}.business-shell .header-shortcut{width:34px;min-height:36px}.business-shell .top{padding-inline:24px}.business-shell .workspace{padding-inline:24px}.business-shell .top{margin-inline:-24px}}
@media(max-width:950px){.business-shell{grid-template-columns:215px minmax(0,1fr)}.business-shell .brand{font-size:21px;gap:8px}.brand-mark{width:35px;height:35px}.business-shell .top h1{font-size:19px}.business-shell .header-shortcuts{display:none}.business-portal .dashboard-intro h2{font-size:28px}.business-portal .dashboard-panels{grid-template-columns:1fr}.business-portal .dashboard-metric strong{font-size:25px}}
@media(max-width:700px){
 .business-shell{display:flex;flex-direction:column}.business-shell .sidebar{padding:13px 16px;gap:0;position:relative;height:auto;overflow:visible}
 .business-shell .brand{border:0;padding:0;font-size:19px;gap:9px}.business-shell .brand-mark{width:31px;height:31px}.business-shell .brand-sub{display:inline;font-size:12px;letter-spacing:0;margin-left:6px;text-transform:none;font-weight:450;color:#a3c1bf}
 .business-shell.menu-open .nav{padding-top:17px;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.business-shell .nav button,.business-shell .nav-branch summary{font-size:12px;min-height:44px;padding:9px 8px;gap:7px}.business-shell .nav .menu-icon{width:17px;height:17px}.business-shell .nav-caption{margin:12px 8px 6px;font-size:9px}.business-shell .nav-submenu{margin-left:15px;padding-left:6px}.business-shell .nav .nav-subitem{font-size:11px}
 .business-shell .workspace{padding:18px 15px 35px}.business-shell .top{margin:-18px -15px 18px;padding:12px 15px;min-height:76px;gap:10px}.business-shell .top>.row{gap:8px}.business-shell .top h1{font-size:17px}.business-shell .top .muted{font-size:11px}.business-shell .top>.row:last-child{gap:6px;margin-left:0}.business-shell .top [data-action=refresh]{min-height:36px;font-size:11px;padding:8px 10px}.business-shell .top .badge{font-size:9px;padding:4px 7px}.business-shell .menu-toggle{background:#edf5f1;padding:9px;min-height:38px;font-size:11px}.business-shell .menu-toggle span{display:none}
 .business-portal .local-preview-notice{font-size:10px;line-height:1.5;padding:8px 10px;margin:0 0 18px}
 .business-portal .dashboard-intro{margin-bottom:18px;align-items:flex-start;gap:12px}.business-portal .dashboard-intro h2{font-size:28px}.business-portal .dashboard-intro p{font-size:10px}.intro-eyebrow{font-size:9px;letter-spacing:1.4px}.business-portal .dashboard-intro>button{font-size:11px;padding:10px 12px;min-height:40px}.business-portal .grid{gap:10px}.business-portal .dashboard-metric{padding:15px 12px;min-height:140px;flex-direction:column;align-items:flex-start;gap:9px}.business-portal .metric-icon{width:35px;height:35px;border-radius:10px}.business-portal .metric-icon .menu-icon{width:19px;height:19px}.business-portal .dashboard-metric strong{font-size:23px}.business-portal .dashboard-metric small{font-size:10px}
 .business-shell .card{padding:18px;border-radius:14px}.business-portal h2.visual-heading{font-size:15px;gap:8px}.heading-icon{width:31px;height:31px;border-radius:9px}.business-portal .dashboard-panels{gap:14px;margin-top:18px}.business-portal .dashboard-totals{gap:17px;padding:15px 0}.business-portal .dashboard-totals strong{font-size:20px}.business-portal .dashboard-totals small{font-size:10px}.business-portal .dashboard-bars{height:155px;gap:4px}.business-portal .tabs button{font-size:10px;padding:7px 9px;min-height:33px}
 .business-portal .appointment-row{flex-wrap:wrap;gap:8px;padding:14px 0}.business-portal .appointment-time{width:calc(100% - 45px);font-size:11px}.business-portal .appointment-row>.badge{margin-left:auto}.business-portal .appointment-row>span:nth-child(3){max-width:66%}.business-portal .appointment-row .badge{font-size:9px}
 .business-portal .toolbar{padding:12px;gap:10px}.business-portal .toolbar>label{width:100%;flex-basis:100%}.business-portal .toolbar input,.business-portal .toolbar select{max-width:100%}.business-portal .tablewrap{padding:0}.business-portal .list td,.business-portal .list th{padding:13px 12px}.business-portal .setup-row{align-items:flex-start;gap:8px}.business-portal .setup-row button{font-size:11px;max-width:100%}.business-portal .cards{grid-template-columns:1fr}.business-portal .visual-empty{min-height:155px;font-size:12px}
 .business-portal dialog{padding:20px 17px;width:calc(100vw - 24px);max-height:91dvh;border-radius:17px}.business-portal #editorBody>h2{font-size:18px;padding-bottom:15px;line-height:1.4}.business-portal #editorBody>h2 .heading-icon{width:35px;height:35px}.business-portal dialog label{font-size:12px}.business-portal dialog .question{padding:13px}.business-portal .formgrid{grid-template-columns:1fr}.business-portal .auth{margin:24px 12px;padding:26px}.business-portal .auth .brand{font-size:24px}.business-portal .auth .brand-sub{display:block;margin-left:0;font-size:10px;letter-spacing:2px;text-transform:uppercase}.business-portal button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){.business-portal *{transition:none!important;scroll-behavior:auto!important}}
.business-portal .dashboard-line{margin:8px 0 16px;padding-top:5px}
.business-portal .dashboard-line svg{display:block;width:100%;height:auto;min-height:165px}
.business-portal .chart-legend{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#629084;margin:10px 0 0}
.business-portal .chart-legend span{width:17px;height:3px;background:#4aa98f;position:relative;border-radius:3px}
.business-portal .chart-legend span:after{content:'';position:absolute;left:6px;top:-2px;width:7px;height:7px;border-radius:50%;background:#4aa98f}
.business-portal button.subtle-danger{background:#fcf0f2;color:#a75a6b}
.business-portal button.subtle-danger:hover{background:#fae5e9}
.business-portal .calendar-event{background:#edf8f3;color:#346c5b}
.business-portal .calendar-event.pendingApproval{background:#fff2d8;color:#93651d}
.business-portal .calendar-event.noShow{background:#fbecee;color:#a15b69}
.business-portal .calendar-event.completed{background:#e2f3e8;color:#3a805a}
.business-portal .time-head{background:#f2f7f5;color:#567b71;border-color:#e0eae5}

/* Provider-controlled reminder settings use compact selectable time cards. */
.business-portal .reminder-time-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0 20px}
.business-portal .reminder-time-grid label{display:flex;align-items:center;gap:10px;border:1px solid #dcebe7;background:#f6fbf9;border-radius:12px;padding:12px;font-size:14px}
.business-portal .reminder-time-grid label:has(input:checked){border-color:#5dac9b;background:#eaf7f1;color:#236353}
.business-portal #booking-reminder-settings input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:#398b78}

.business-portal .retention-case{border-top:3px solid #6eae99}.business-portal .retention-case h3{display:flex;align-items:center;gap:9px;margin:0}.business-portal .retention-case .note-text{white-space:pre-wrap;padding:12px;background:#f5faf7;border-radius:10px}.business-portal .retention-case>.row:last-child{margin-top:16px;flex-wrap:wrap}