/* Bear Maintenance unified interface
   Shared visual language derived from the material inventory workspace. */
:root{
  --bear-night:#020813;
  --bear-navy:#061832;
  --bear-command:#0b2342;
  --bear-blue:#1298f6;
  --bear-blue-dark:#0879c7;
  --bear-cyan:#34c3ff;
  --bear-ice:#ddf5ff;
  --bear-paper:#f8fbfd;
  --bear-canvas:#edf4f8;
  --bear-ink:#102033;
  --bear-muted:#607084;
  --bear-line:#c8d8e5;
  --bear-line-soft:#e2ebf2;
  --bear-red:#b3262e;
  --bear-green:#237a57;
  --bear-amber:#9a6817;
  --bear-radius:8px;
  --bear-shadow:0 10px 24px rgba(6,24,50,.07);
}

/* Authenticated application shell */
body.bear-app-ui{
  color-scheme:light;
  background:var(--bear-canvas);
  color:var(--bear-ink);
}
body.bear-app-ui h1,
body.bear-app-ui h2,
body.bear-app-ui h3,
body.bear-app-ui h4,
body.bear-app-ui .topnav-brand{
  letter-spacing:0!important;
}
body.bear-app-ui .topnav-main h1{font-size:24px!important;line-height:1.08!important}
body.bear-app-ui .topnav-main h2{font-size:17px!important;line-height:1.18!important}
body.bear-app-ui .topnav-main h3{font-size:14px!important;line-height:1.2!important}
body.bear-app-ui .topnav-shell{
  background:var(--bear-canvas);
}
body.bear-app-ui .app-topnav{
  height:64px;
  border-bottom:1px solid #b9cddd;
  background:rgba(255,255,255,.98);
  box-shadow:0 6px 18px rgba(6,24,50,.06);
}
body.bear-app-ui .topnav-inner{
  height:64px;
  gap:14px;
  padding:0 20px;
}
body.bear-app-ui .topnav-brand{
  gap:9px;
  font-size:15px;
}
body.bear-app-ui .topnav-brand img{
  width:36px;
  height:36px;
  border-radius:8px;
}
body.bear-app-ui .topnav-link,
body.bear-app-ui .topnav-dropdown>button{
  height:36px;
  border-radius:7px;
  padding:0 11px;
  font-size:13px;
}
body.bear-app-ui .topnav-link.active,
body.bear-app-ui .topnav-dropdown.active>button{
  border-color:var(--bear-command);
  background:var(--bear-navy);
  box-shadow:inset 0 -3px 0 var(--bear-blue);
}
body.bear-app-ui .topnav-dropdown-menu,
body.bear-app-ui .action-alert-menu{
  border-color:var(--bear-line);
  border-radius:8px;
  box-shadow:0 18px 42px rgba(6,24,50,.16);
}
body.bear-app-ui .topnav-dropdown-menu a{
  min-height:34px;
  border-radius:6px;
  padding:7px 9px;
  font-size:13px;
}
body.bear-app-ui .action-alert-button,
body.bear-app-ui .account-button{
  min-height:36px!important;
  border-radius:7px!important;
}
body.bear-app-ui .topnav-main{
  min-height:calc(100vh - 64px);
  padding:12px 18px 28px!important;
  background-color:var(--bear-canvas);
  background-image:linear-gradient(rgba(181,202,217,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(181,202,217,.5) 1px,transparent 1px);
  background-size:34px 34px;
}
body.bear-app-ui .workspace-bar{
  min-height:34px;
  margin:0 0 8px!important;
  padding:6px 10px!important;
  border:1px solid #c5d5e2;
  border-radius:var(--bear-radius);
  background:rgba(248,251,253,.9);
  box-shadow:none;
}
body.bear-app-ui .workspace-bar>div{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
body.bear-app-ui .workspace-bar b{font-size:13px;line-height:1.15}
body.bear-app-ui .workspace-bar .muted{margin:0;font-size:11px;line-height:1.15}

body.bear-app-ui .topnav-main .card,
body.bear-app-ui .topnav-main form.card,
body.bear-app-ui .add-modal,
body.bear-app-ui dialog{
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius)!important;
  background:rgba(255,255,255,.96);
  box-shadow:var(--bear-shadow);
}
body.bear-app-ui .topnav-main .card{
  margin-bottom:8px;
  padding:12px;
}
body.bear-app-ui .topnav-main .card .card{
  border-color:var(--bear-line-soft);
  background:var(--bear-paper);
  box-shadow:none;
}
body.bear-app-ui .topnav-main .card>h2,
body.bear-app-ui .topnav-main .card>h3{
  color:var(--bear-ink);
}

/* The base template assigns this class to the first real page title surface. */
body.bear-app-ui .app-command-hero{
  position:relative;
  overflow:hidden;
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:10px 14px 10px 70px!important;
  border:1px solid #163c64!important;
  border-radius:var(--bear-radius)!important;
  background-color:var(--bear-night)!important;
  background-image:linear-gradient(rgba(52,195,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.12) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(6,24,50,.14)!important;
}
body.bear-app-ui .app-command-hero::after{
  content:"";
  position:absolute;
  top:-12px;
  bottom:-12px;
  left:15px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.bear-app-ui .app-command-hero>*{position:relative;z-index:1}
body.bear-app-ui .app-page-banner-copy{
  flex:1 1 360px;
  min-width:0;
}
body.bear-app-ui .app-page-banner-copy p,
body.bear-app-ui .app-page-banner-copy .muted{
  white-space:normal!important;
  overflow-wrap:anywhere;
}
body.bear-app-ui .app-page-banner-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex:0 1 auto;
  flex-wrap:wrap;
  margin-left:auto;
}
body.bear-app-ui .app-page-banner-actions form{margin:0}
body.bear-app-ui .app-page-banner-actions .button,
body.bear-app-ui .app-page-banner-actions button{white-space:nowrap}
body.bear-app-ui .app-generated-page-banner{margin-bottom:8px!important}
body.bear-app-ui .app-generated-page-banner+.card,
body.bear-app-ui .app-generated-page-banner+form.card{border-top-color:var(--bear-blue)!important}
body.bear-app-ui .app-command-hero h1,
body.bear-app-ui .app-command-hero h2{
  margin:0 0 3px!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.05!important;
}
body.bear-app-ui .app-command-hero p,
body.bear-app-ui .app-command-hero .muted,
body.bear-app-ui .app-command-hero small{
  margin:2px 0 0!important;
  color:var(--bear-ice)!important;
  font-size:12px!important;
  line-height:1.3!important;
}
body.bear-app-ui .app-command-hero .pill,
body.bear-app-ui .app-command-hero .badge,
body.bear-app-ui .app-command-hero .scheduler-badge{
  border-color:rgba(221,245,255,.34)!important;
  background:rgba(221,245,255,.12)!important;
  color:#fff!important;
}
body.bear-app-ui .app-command-hero .secondary,
body.bear-app-ui .app-command-hero .button.secondary,
body.bear-app-ui .app-command-hero button.secondary{
  border-color:#9fc9e6!important;
  background:#f5fbff!important;
  color:#0a3155!important;
}
body.bear-app-ui .app-form-title-card{
  position:relative;
  overflow:hidden;
  border-top:4px solid var(--bear-blue)!important;
}
body.bear-app-ui .app-form-title-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:52px;
  height:4px;
  background:var(--bear-red);
}
body.bear-app-ui .app-form-title-card>h1{
  margin:0 0 4px!important;
  color:var(--bear-ink)!important;
  font-size:24px!important;
  line-height:1.08!important;
}

body.bear-app-ui button,
body.bear-app-ui .button{
  min-height:32px;
  border:1px solid var(--bear-blue-dark);
  border-radius:7px!important;
  background:var(--bear-blue);
  color:#fff;
  padding:7px 11px;
  box-shadow:none;
  letter-spacing:0;
  line-height:1.2;
}
body.bear-app-ui button:hover,
body.bear-app-ui .button:hover{
  border-color:#075995;
  background:#0c84d8;
}
body.bear-app-ui button.secondary,
body.bear-app-ui .button.secondary,
body.bear-app-ui .secondary{
  border-color:#b8c9d8;
  background:var(--bear-paper);
  color:var(--bear-ink);
}
body.bear-app-ui button.secondary:hover,
body.bear-app-ui .button.secondary:hover{
  border-color:var(--bear-blue);
  background:#eef8ff;
  color:#063968;
}
body.bear-app-ui button.danger,
body.bear-app-ui .button.danger,
body.bear-app-ui .danger{
  border-color:#982027;
  background:var(--bear-red);
  color:#fff;
}
body.bear-app-ui button.success,
body.bear-app-ui .button.success{
  border-color:#1c6749!important;
  background:var(--bear-green)!important;
  color:#fff!important;
}

body.bear-app-ui .topnav-main label{
  color:#33475b;
  font-size:11px;
  font-weight:900;
  letter-spacing:0;
}
body.bear-app-ui .topnav-main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
body.bear-app-ui .topnav-main select{
  min-height:32px;
  border:1px solid #aebfd0;
  border-radius:5px!important;
  background:#fff;
  padding:5px 8px;
  color:var(--bear-ink);
  font-size:12px;
}
body.bear-app-ui .topnav-main textarea{
  min-height:50px;
  border:1px solid #aebfd0;
  border-radius:5px!important;
  background:#fff;
  padding:6px 8px;
  color:var(--bear-ink);
  font-size:12px;
  line-height:1.3;
}
body.bear-app-ui input[type="checkbox"],
body.bear-app-ui input[type="radio"]{
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
}
body.bear-app-ui .switch-row input[type="checkbox"],
body.bear-app-ui .switch-row input[type="radio"]{
  width:1px!important;
  height:1px!important;
  margin:0!important;
}
body.bear-app-ui .topnav-main input:focus,
body.bear-app-ui .topnav-main select:focus,
body.bear-app-ui .topnav-main textarea:focus{
  border-color:var(--bear-blue)!important;
  outline:2px solid rgba(18,152,246,.18);
  outline-offset:0;
}
body.bear-app-ui .topnav-main form .app-field-grid,
body.bear-app-ui .topnav-main form .scheduler-form-grid,
body.bear-app-ui .topnav-main form .scheduler-form-grid-tight,
body.bear-app-ui .topnav-main form .form-grid,
body.bear-app-ui .topnav-main form .machine-form-grid,
body.bear-app-ui .topnav-main form .pm-create-grid,
body.bear-app-ui .topnav-main form .enterprise-form-grid,
body.bear-app-ui .topnav-main form .employee-form-grid,
body.bear-app-ui .topnav-main form .time-form-grid,
body.bear-app-ui .topnav-main form .cmmc-form-grid,
body.bear-app-ui .topnav-main form.app-auto-grid{
  gap:0!important;
  margin:6px 0 8px!important;
  border:1px solid #cbd9e5!important;
  border-radius:var(--bear-radius)!important;
  background:#fff;
  overflow:hidden;
}
body.bear-app-ui .topnav-main form.app-auto-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
}
body.bear-app-ui .topnav-main form.app-auto-grid>label{
  display:grid;
  align-content:start;
  gap:3px;
  min-width:0;
  margin:0!important;
  padding:6px!important;
  border-right:1px solid var(--bear-line-soft);
  border-bottom:1px solid var(--bear-line-soft);
}
body.bear-app-ui .topnav-main form.app-auto-grid>h2,
body.bear-app-ui .topnav-main form.app-auto-grid>h3,
body.bear-app-ui .topnav-main form.app-auto-grid>p,
body.bear-app-ui .topnav-main form.app-auto-grid>.scheduler-actions,
body.bear-app-ui .topnav-main form.app-auto-grid>.app-form-actions,
body.bear-app-ui .topnav-main form.app-auto-grid>.row-actions,
body.bear-app-ui .topnav-main form.app-auto-grid>.button-row,
body.bear-app-ui .topnav-main form.app-auto-grid>.table-wrap,
body.bear-app-ui .topnav-main form.app-auto-grid>details{
  grid-column:1/-1;
  margin:0!important;
  padding:7px!important;
}
body.bear-app-ui .topnav-main form.app-auto-grid>button,
body.bear-app-ui .topnav-main form.app-auto-grid>.button{
  align-self:end;
  margin:6px;
}
body.bear-app-ui .topnav-main form.app-inline-upload{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin:6px 0 8px;
}
body.bear-app-ui .topnav-main form.app-inline-upload input[type="file"]{
  flex:1 1 280px;
  width:auto;
  min-width:0;
}

body.bear-app-ui .table-wrap,
body.bear-app-ui .inventory-table-wrap,
body.bear-app-ui .scheduler-table-wrap{
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius);
  background:#fff;
  overflow:auto;
}
body.bear-app-ui table:not(.scheduler-calendar-table):not(.material-grid-table){
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
body.bear-app-ui table:not(.scheduler-calendar-table):not(.material-grid-table) th{
  padding:7px 8px;
  border-bottom:1px solid #aebfd0;
  background:#e9eef5;
  color:#33475b;
  font-size:10px;
  font-weight:950;
  letter-spacing:0;
  text-transform:uppercase;
}
body.bear-app-ui table:not(.scheduler-calendar-table):not(.material-grid-table) td{
  padding:7px 8px;
  border-bottom:1px solid var(--bear-line-soft);
  vertical-align:middle;
}
body.bear-app-ui table:not(.scheduler-calendar-table):not(.material-grid-table) tbody tr:nth-child(even) td{
  background:#f8fbfd;
}
body.bear-app-ui table:not(.scheduler-calendar-table):not(.material-grid-table) tbody tr:hover td{
  background:#eef8ff;
}
body.bear-app-ui table button,
body.bear-app-ui table .button{
  min-height:28px;
  padding:5px 8px;
  font-size:11px;
}

body.bear-app-ui .badge,
body.bear-app-ui .pill,
body.bear-app-ui .code-pill,
body.bear-app-ui .scheduler-badge,
body.bear-app-ui [class*="status-pill"]{
  border-radius:6px!important;
  letter-spacing:0!important;
}
body.bear-app-ui .inventory-subnav,
body.bear-app-ui .scheduler-subnav,
body.bear-app-ui .profile-tabs,
body.bear-app-ui [class*="section-nav"]{
  gap:5px;
  margin:0 0 8px;
  padding:6px;
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius);
  background:rgba(248,251,253,.9);
}
body.bear-app-ui .inventory-subnav a,
body.bear-app-ui .scheduler-subnav a,
body.bear-app-ui .profile-tab{
  min-height:32px;
  border:1px solid #c5d5e2;
  border-radius:6px;
  background:#fff;
  color:var(--bear-ink);
  padding:7px 9px;
  font-size:12px;
  letter-spacing:0;
}
body.bear-app-ui .inventory-subnav a.active,
body.bear-app-ui .scheduler-subnav a.active,
body.bear-app-ui .profile-tab.primary,
body.bear-app-ui .profile-tab.active{
  border-color:var(--bear-command);
  background:var(--bear-navy);
  color:#fff;
  box-shadow:inset 0 -3px 0 var(--bear-blue);
}
body.bear-app-ui [class*="profile-grid"],
body.bear-app-ui [class*="detail-grid"],
body.bear-app-ui [class*="kpi-grid"]{
  gap:8px!important;
}
body.bear-app-ui [class*="profile-card"],
body.bear-app-ui [class*="detail-card"],
body.bear-app-ui [class*="kpi"],
body.bear-app-ui .inventory-stat,
body.bear-app-ui .scheduler-stat{
  border-radius:var(--bear-radius)!important;
}
body.bear-app-ui .topnav-main :is(
  [class$="-card"],
  [class*="-card "],
  [class$="-panel"],
  [class*="-panel "],
  [class$="-tile"],
  [class*="-tile "]
){border-radius:var(--bear-radius)!important}
body.bear-app-ui .detail-row,
body.bear-app-ui .account-profile-facts>div{
  border-color:var(--bear-line-soft)!important;
  border-radius:6px!important;
  background:var(--bear-paper)!important;
}
body.bear-app-ui .empty-state,
body.bear-app-ui .scheduler-empty,
body.bear-app-ui [class*="empty"]{
  border-radius:var(--bear-radius)!important;
}
body.bear-app-ui .add-modal-head{
  border-color:var(--bear-line);
  background:var(--bear-paper);
}
body.bear-app-ui .add-modal-close{
  width:34px;
  height:34px;
  min-height:34px;
  border-radius:6px!important;
}

/* Profile and detail workspaces that predate the shared card system. */
body.bear-app-ui .machine-logbook{
  --paper:#fff;
  --paper-soft:var(--bear-paper);
  --ink:var(--bear-ink);
  --muted:var(--bear-muted);
  --line:var(--bear-line);
  --line-dark:#9fb3c6;
  --amber:var(--bear-amber);
  --green:var(--bear-green);
  --red:var(--bear-red);
  --blue:var(--bear-blue-dark);
  gap:8px;
}
body.bear-app-ui .machine-sheet{
  border-color:var(--bear-line)!important;
  border-radius:var(--bear-radius)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--bear-shadow)!important;
  padding:12px;
}
body.bear-app-ui .machine-hero.app-command-hero{
  display:grid;
  grid-template-columns:150px minmax(0,1fr) auto;
  align-items:start;
  min-height:0;
}
body.bear-app-ui .machine-hero .machine-photo-frame{background:#f1f7fb;border-color:#7f9db4}
body.bear-app-ui .machine-hero .machine-ledger{gap:6px;margin-top:10px}
body.bear-app-ui .machine-hero .ledger-cell{border-top-color:var(--bear-blue);border-radius:5px}
body.bear-app-ui .ticket-main,
body.bear-app-ui .ticket-update,
body.bear-app-ui .ticket-switcher,
body.bear-app-ui .ticket-log-panel{
  border-color:var(--bear-line)!important;
  border-radius:var(--bear-radius)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--bear-shadow)!important;
}
body.bear-app-ui .ticket-profile-hero.app-command-hero{
  min-height:72px;
  margin:-12px -12px 10px;
  border-width:0 0 1px!important;
  border-radius:7px 7px 0 0!important;
}
body.bear-app-ui .ticket-profile-hero h1 a{color:#fff!important}
body.bear-app-ui .summary-tile,
body.bear-app-ui .log-item,
body.bear-app-ui .worklog-card,
body.bear-app-ui .timeline-event,
body.bear-app-ui .notification-log-card{
  border-radius:var(--bear-radius)!important;
}
body.bear-app-ui .ticket-log-panel,
body.bear-app-ui .timeline-list,
body.bear-app-ui .timeline-event,
body.bear-app-ui .timeline-event>*,
body.bear-app-ui .notification-log-card,
body.bear-app-ui .notification-log-card .worklog-top>*{
  min-width:0;
}
body.bear-app-ui .timeline-event{
  grid-template-columns:34px minmax(0,1fr);
}
body.bear-app-ui .timeline-event-meta,
body.bear-app-ui .timeline-event-body,
body.bear-app-ui .notification-log-card .muted{
  overflow-wrap:anywhere;
  word-break:break-word;
}
body.bear-app-ui .card:has(>.pm-detail-hero){padding:0!important;overflow:hidden}
body.bear-app-ui .card:has(>.pm-detail-hero)>.pm-detail-hero{
  margin:0;
  border-width:0 0 1px!important;
  border-radius:7px 7px 0 0!important;
}
body.bear-app-ui .card:has(>.pm-detail-hero)>.summary-grid{
  margin:0;
  padding:10px 12px 12px;
}

/* Public, authentication, and signup surfaces */
body.saas{
  background-color:var(--bear-canvas)!important;
  background-image:linear-gradient(rgba(181,202,217,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(181,202,217,.42) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  color:var(--bear-ink);
}
body.saas h1,
body.saas h2,
body.saas h3,
body.saas h4,
body.saas .saas-brand{letter-spacing:0!important}
body.saas .saas-nav{
  height:64px;
  padding:0 24px;
  border-color:var(--bear-line);
  background:rgba(255,255,255,.98);
}
body.saas .saas-brand{font-size:16px}
body.saas .saas-brand img{width:36px;height:36px;border-radius:8px}
body.saas .btn{
  min-height:36px;
  border-color:var(--bear-blue-dark);
  border-radius:7px;
  background:var(--bear-blue);
  padding:9px 14px;
  box-shadow:none;
  letter-spacing:0;
}
body.saas .btn:hover{border-color:#075995;background:#0c84d8;transform:none}
body.saas .btn.secondary{border-color:#b8c9d8;background:#fff;color:var(--bear-ink)!important}
body.saas .eyebrow,
body.saas .tag,
body.saas .tour-kicker{border-radius:6px!important;letter-spacing:0!important}
body.saas .app-page-banner-actions,
body.bear-kiosk .app-page-banner-actions,
body.quote-response-page .app-page-banner-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
body.saas .auth-side{
  position:relative;
  overflow:hidden;
  padding:36px 44px 36px 76px;
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.11) 1px,transparent 1px);
  background-size:34px 34px;
}
body.saas .auth-side::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:24px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.saas .auth-side>*{position:relative;z-index:1}
body.saas .auth-main{background:rgba(248,251,253,.82)}
body.saas .auth-card,
body.saas .pricing-card,
body.saas .card,
body.saas .guidance-grid article,
body.saas .legal-card,
body.saas .support-card,
body.saas .terms-card,
body.saas .onboard-path,
body.saas .step-row,
body.saas .selected-plan{
  border-color:var(--bear-line)!important;
  border-radius:var(--bear-radius)!important;
  box-shadow:var(--bear-shadow)!important;
}
body.saas .auth-card{padding:22px;width:min(680px,100%)}
body.saas .auth-card h2{font-size:27px}
body.saas .auth-form-grid,
body.saas .form-grid{
  gap:0!important;
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius);
  background:#fff;
  overflow:hidden;
}
body.saas .auth-field,
body.saas .form-grid>label,
body.saas .form-grid>div{
  min-width:0;
  gap:3px;
  padding:6px;
  border-right:1px solid var(--bear-line-soft);
  border-bottom:1px solid var(--bear-line-soft);
}
body.saas label{font-size:11px;letter-spacing:0}
body.saas input:not([type="checkbox"]):not([type="radio"]),
body.saas select,
body.saas textarea{
  min-height:36px;
  margin-top:3px;
  border:1px solid #aebfd0;
  border-radius:5px;
  background:#fff;
  padding:7px 9px;
  color:var(--bear-ink);
  font-size:13px;
}
body.saas textarea{min-height:62px;resize:vertical}
body.saas input:focus,
body.saas select:focus,
body.saas textarea:focus{border-color:var(--bear-blue);outline:2px solid rgba(18,152,246,.18)}
body.saas .auth-actions{margin-top:10px}
body.saas .onboard-wrap{background:transparent}
body.saas .terms-shell{background:transparent!important}
body.saas .onboard-top>.saas-nav{border-radius:var(--bear-radius)!important}
body.saas .onboard-hero{
  position:relative;
  overflow:hidden;
  border:1px solid #163c64;
  border-radius:var(--bear-radius);
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.11) 1px,transparent 1px);
  background-size:34px 34px;
  padding-left:72px;
}
body.saas .onboard-hero::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:22px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.saas .onboard-hero>*{position:relative;z-index:1}
body.saas .pricing-card.featured,
body.saas .pricing-card.recommended{border-top:4px solid var(--bear-blue)!important}
body.saas .pricing-card .price{font-size:30px!important}
body.saas .pricing-card.enterprise-card .price{font-size:27px!important}
body.saas .pricing-hero{
  position:relative;
  overflow:hidden;
  width:min(1188px,calc(100% - 48px));
  margin:24px auto 0;
  padding:28px 28px 28px 78px;
  border:1px solid #163c64;
  border-radius:var(--bear-radius);
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.11) 1px,transparent 1px);
  background-size:34px 34px;
  color:#fff;
}
body.saas .pricing-hero::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:24px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.saas .pricing-hero>*{position:relative;z-index:1}
body.saas .pricing-hero h1,
body.saas .pricing-hero p{color:#fff}
body.saas .pricing-hero .eyebrow{border-color:rgba(221,245,255,.35);background:rgba(221,245,255,.12);color:#fff}

body.bear-auth-page{
  min-height:100vh;
  background-color:var(--bear-canvas)!important;
  background-image:linear-gradient(rgba(181,202,217,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(181,202,217,.45) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}
body.bear-auth-page .login-card{
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius)!important;
  box-shadow:0 20px 54px rgba(6,24,50,.14);
}
body.bear-auth-page .login-brand{
  position:relative;
  overflow:hidden;
  padding:34px 34px 34px 72px;
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.11) 1px,transparent 1px);
  background-size:34px 34px;
}
body.bear-auth-page .login-brand::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:22px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.bear-auth-page .login-brand>*{position:relative;z-index:1}
body.bear-auth-page .login-form{padding:28px}
body.bear-auth-page .login-form h2{letter-spacing:0}
body.bear-auth-page .auth-form-grid{
  display:grid;
  gap:0;
  margin:12px 0;
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius);
  overflow:hidden;
}
body.bear-auth-page .auth-field{display:grid;gap:3px;padding:6px;border-bottom:1px solid var(--bear-line-soft)}
body.bear-auth-page .auth-field:last-child{border-bottom:0}
body.bear-auth-page label{font-size:11px;letter-spacing:0}
body.bear-auth-page input:not([type="checkbox"]):not([type="radio"]),
body.bear-auth-page select{
  min-height:36px;
  border:1px solid #aebfd0;
  border-radius:5px;
  padding:7px 9px;
  font-size:13px;
}
body.bear-auth-page button,
body.bear-auth-page .button{
  min-height:36px;
  border:1px solid var(--bear-blue-dark);
  border-radius:7px;
  background:var(--bear-blue);
  color:#fff;
  padding:9px 14px;
}

/* Landing page and public product tour */
body.landing-tour-page .tour-shell{padding-top:20px}
body.landing-tour-page .tour-copy{
  position:relative;
  padding-left:24px;
}
body.landing-tour-page .tour-copy::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:24px;
  left:0;
  width:4px;
  background:var(--bear-red);
  box-shadow:8px 0 0 3px var(--bear-blue);
}
body.landing-tour-page .tour-stage,
body.landing-tour-page .slide-preview,
body.landing-tour-page .tour-capability-map,
body.landing-tour-page .tour-capability-action,
body.landing-tour-page .tour-pricing,
body.landing-tour-page .pricing-mini{
  border-radius:var(--bear-radius)!important;
}
body.landing-tour-page .tour-slides{min-height:460px}
body.landing-tour-page .tour-stage-top{
  position:relative;
  overflow:hidden;
  padding-left:70px;
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.1) 1px,transparent 1px);
  background-size:34px 34px;
}
body.landing-tour-page .tour-stage-top::after{
  content:"";
  position:absolute;
  top:-8px;
  bottom:-8px;
  left:20px;
  width:4px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:9px 0 0 4px var(--bear-blue),20px 0 0 8px var(--bear-command);
}
body.landing-tour-page .tour-stage-top>*{position:relative;z-index:1}
body.landing-tour-page .tour-tabs button{border-radius:6px}
body.landing-tour-page .tour-tabs button.active{border-color:var(--bear-blue-dark);background:var(--bear-blue)}
body.landing-tour-page .mobile-form em{border-radius:6px;background:var(--bear-blue)}
body.public-product-tour{
  background-color:var(--bear-canvas)!important;
  background-image:linear-gradient(rgba(181,202,217,.42) 1px,transparent 1px),linear-gradient(90deg,rgba(181,202,217,.42) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}
body.public-product-tour [class*="card"],
body.public-product-tour [class*="panel"]{border-radius:var(--bear-radius)!important}

/* Customer quote response */
body.quote-response-page{
  background-color:var(--bear-canvas);
  background-image:linear-gradient(rgba(181,202,217,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(181,202,217,.45) 1px,transparent 1px);
  background-size:34px 34px;
}
body.quote-response-page h1,
body.quote-response-page h2,
body.quote-response-page h3{letter-spacing:0!important}
body.quote-response-page .quote-response-header{
  position:relative;
  overflow:hidden;
  border-color:#163c64;
  border-top:1px solid #163c64;
  background-color:var(--bear-night);
  background-image:linear-gradient(rgba(52,195,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.1) 1px,transparent 1px);
  background-size:34px 34px;
  color:#fff;
  padding-left:70px;
}
body.quote-response-page .quote-response-header::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:20px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.quote-response-page .quote-response-header>*{position:relative;z-index:1}
body.quote-response-page .quote-response-header h1,
body.quote-response-page .quote-response-header p,
body.quote-response-page .quote-response-total span,
body.quote-response-page .quote-response-total small{color:#fff}
body.quote-response-page .quote-response-total{border-color:rgba(221,245,255,.3)}
body.quote-response-page .quote-response-lines,
body.quote-response-page .quote-response-form,
body.quote-response-page .quote-response-complete,
body.quote-response-page .quote-response-line{
  border-color:var(--bear-line);
  border-radius:var(--bear-radius);
}

/* Operator and inventory kiosks keep touch-size controls while sharing the brand. */
body.bear-kiosk{
  min-height:100vh;
  background-color:var(--bear-night)!important;
  background-image:linear-gradient(rgba(52,195,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.09) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
  color:var(--bear-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
body.bear-kiosk h1,
body.bear-kiosk h2,
body.bear-kiosk h3{letter-spacing:0!important}
body.bear-kiosk .header{
  position:relative;
  overflow:hidden;
  min-height:78px;
  align-items:center!important;
  margin-bottom:10px!important;
  padding:12px 14px 12px 70px;
  border:1px solid #164269;
  border-radius:var(--bear-radius);
  background-color:var(--bear-navy);
  background-image:linear-gradient(rgba(52,195,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(52,195,255,.1) 1px,transparent 1px);
  background-size:34px 34px;
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}
body.bear-kiosk .header::after{
  content:"";
  position:absolute;
  top:-10px;
  bottom:-10px;
  left:18px;
  width:5px;
  background:var(--bear-red);
  transform:skewX(-9deg);
  box-shadow:11px 0 0 5px var(--bear-blue),24px 0 0 10px var(--bear-command);
}
body.bear-kiosk .header>*{position:relative;z-index:1}
body.bear-kiosk .header h1{font-size:32px!important;line-height:1.05!important;color:#fff!important}
body.bear-kiosk .header p{margin-top:4px!important;color:var(--bear-ice)!important;font-size:14px!important}
body.bear-kiosk .brand{
  border-color:rgba(221,245,255,.32)!important;
  border-radius:6px!important;
  background:rgba(221,245,255,.1)!important;
  color:#fff!important;
}
body.bear-kiosk .card,
body.bear-kiosk .tile,
body.bear-kiosk .machine,
body.bear-kiosk .item-card,
body.bear-kiosk .selected,
body.bear-kiosk .empty,
body.bear-kiosk details,
body.bear-kiosk [class*="-row"]{
  border-radius:var(--bear-radius)!important;
  border-color:var(--bear-line)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
body.bear-kiosk .card{padding:14px!important}
body.bear-kiosk .card{
  position:relative;
  overflow:hidden;
  border-top:4px solid var(--bear-blue)!important;
}
body.bear-kiosk .card::before{
  content:"";
  position:absolute;
  top:-4px;
  left:0;
  width:74px;
  border-top:4px solid var(--bear-red);
}
body.bear-kiosk .card h1{font-size:36px!important;line-height:1.05!important}
body.bear-kiosk .sub{font-size:18px!important}
body.bear-kiosk .grid{
  gap:0!important;
  border:1px solid var(--bear-line);
  border-radius:var(--bear-radius);
  overflow:hidden;
  background:#fff;
}
body.bear-kiosk .grid>div{
  min-width:0;
  padding:7px;
  border-right:1px solid var(--bear-line-soft);
  border-bottom:1px solid var(--bear-line-soft);
}
body.bear-kiosk label{margin-bottom:4px!important;color:#33475b!important;font-size:12px!important;letter-spacing:0!important}
body.bear-kiosk input:not([type="checkbox"]):not([type="radio"]),
body.bear-kiosk select,
body.bear-kiosk textarea{
  min-height:46px;
  border:1px solid #9fb3c6!important;
  border-radius:6px!important;
  background:#fff!important;
  padding:9px 11px!important;
  color:var(--bear-ink)!important;
  font-size:16px!important;
}
body.bear-kiosk textarea{min-height:76px}
body.bear-kiosk button,
body.bear-kiosk a.button,
body.bear-kiosk .action,
body.bear-kiosk .tile strong{
  min-height:44px;
  border:1px solid var(--bear-blue-dark)!important;
  border-radius:7px!important;
  background:var(--bear-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.bear-kiosk button:hover,
body.bear-kiosk a.button:hover,
body.bear-kiosk .tile:hover strong{background:#0c84d8!important}
body.bear-kiosk .tile:hover,
body.bear-kiosk .machine:hover{border-color:var(--bear-blue)!important}
body.bear-kiosk .tile.disabled strong{
  border-color:#cbd5e1!important;
  background:#cbd5e1!important;
  color:#475569!important;
}
body.bear-kiosk button.secondary,
body.bear-kiosk a.button.secondary{
  border-color:#9fc9e6!important;
  background:#f5fbff!important;
  color:#0a3155!important;
}
body.bear-kiosk button.danger,
body.bear-kiosk .danger,
body.bear-kiosk .tile.alert strong{
  border-color:#982027!important;
  background:var(--bear-red)!important;
  color:#fff!important;
}
body.bear-kiosk .location-actions a{
  border-color:#b8c9d8!important;
  border-radius:6px!important;
  background:#f5fbff!important;
  color:#0a416f!important;
}
body.bear-kiosk .location-actions a.active{
  border-color:var(--bear-blue-dark)!important;
  background:var(--bear-blue)!important;
  color:#fff!important;
}

/* Full-screen status and print-only surfaces */
body.bear-tv{
  --accent:var(--bear-cyan);
  --red:var(--bear-red);
  --glow-left:rgba(18,152,246,.12);
}
body.bear-tv h1{font-size:46px!important;letter-spacing:0!important}
body.bear-tv .score{font-size:88px!important}
body.bear-tv .metric strong{font-size:44px!important}
body.bear-tv .machine-name{font-size:22px!important}
body.bear-tv .tv-top{
  position:relative;
  padding-left:44px;
}
body.bear-tv .tv-top::before{
  content:"";
  position:absolute;
  top:0;
  bottom:18px;
  left:3px;
  width:4px;
  background:var(--bear-red);
  box-shadow:9px 0 0 4px var(--bear-blue);
}
body.bear-print{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--bear-ink)}
body.bear-print h1,
body.bear-print h2,
body.bear-print h3{letter-spacing:0!important}
@media print{
  body.bear-print{border-top:4px solid var(--bear-blue)}
  body.bear-print::before{content:"";display:block;width:72px;border-top:4px solid var(--bear-red);margin-top:-4px}
}

@media(max-width:980px){
  body.bear-app-ui .app-topnav,
  body.bear-app-ui .topnav-inner{height:58px}
  body.bear-app-ui .topnav-main{min-height:calc(100vh - 58px);padding:10px 12px 24px!important}
  body.bear-app-ui .app-command-hero{align-items:flex-start;flex-direction:column}
  body.bear-app-ui .app-page-banner-copy{flex:0 1 auto;width:100%}
  body.bear-app-ui .app-page-banner-actions{justify-content:flex-start;margin-left:0;width:100%}
}
@media(max-width:940px){
  body.bear-app-ui.ui-shell-topnav .app-topnav,
  body.bear-app-ui.ui-shell-topnav .topnav-inner{height:auto}
  body.bear-app-ui.ui-shell-topnav .topnav-inner{min-height:58px}
}
@media(max-width:900px){
  body.landing-tour-page .tour-slides{min-height:760px}
}
@media(max-width:700px){
  body.bear-app-ui .topnav-main{padding:8px 8px 20px!important;background-size:28px 28px}
  body.bear-app-ui .topnav-main .card{padding:9px}
  body.bear-app-ui .app-command-hero{min-height:68px;padding:10px 10px 10px 58px!important}
  body.bear-app-ui .app-command-hero::after{left:12px;box-shadow:9px 0 0 4px var(--bear-blue),20px 0 0 8px var(--bear-command)}
  body.bear-app-ui .app-command-hero h1,
  body.bear-app-ui .app-command-hero h2{font-size:21px!important}
  body.bear-app-ui .topnav-main form.app-auto-grid{grid-template-columns:1fr}
  body.bear-app-ui .machine-hero.app-command-hero{grid-template-columns:1fr}
  body.bear-app-ui .machine-hero .machine-photo-rail{max-width:220px}
  body.saas .auth-main{padding:14px}
  body.saas .auth-card{padding:16px}
  body.saas .saas-nav{height:auto;min-height:58px;padding:10px 14px}
  body.saas .pricing-hero{width:calc(100% - 28px);margin-top:14px;padding:22px 18px 22px 62px}
  body.saas .pricing-hero::after{left:17px;box-shadow:9px 0 0 4px var(--bear-blue),20px 0 0 8px var(--bear-command)}
  body.landing-tour-page .tour-hero{display:block}
  body.landing-tour-page .tour-copy{
    min-height:calc(100svh - 140px);
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:28px;
    padding-bottom:28px;
    padding-left:18px;
  }
  body.landing-tour-page .tour-stage{margin-top:8px}
  body.landing-tour-page .tour-stage-top{padding-left:58px}
  body.landing-tour-page .tour-hero,
  body.landing-tour-page .tour-stage,
  body.landing-tour-page .tour-slides,
  body.landing-tour-page .tour-slide,
  body.landing-tour-page .slide-copy,
  body.landing-tour-page .slide-preview{
    width:100%;
    min-width:0;
    max-width:100%;
  }
  body.landing-tour-page .tour-tabs{width:100%;min-width:0;max-width:100%}
  body.bear-kiosk{padding:8px!important}
  body.bear-kiosk .header{display:flex!important;min-height:70px;padding:10px 10px 10px 58px}
  body.bear-kiosk .header::after{left:13px;box-shadow:9px 0 0 4px var(--bear-blue),20px 0 0 8px var(--bear-command)}
  body.bear-kiosk .header h1{font-size:25px!important}
  body.bear-kiosk .card h1{font-size:28px!important}
  body.bear-kiosk .sub{font-size:16px!important}
  body.bear-tv h1{font-size:32px!important}
  body.bear-tv .score{font-size:64px!important}
  body.bear-tv .metric strong{font-size:36px!important}
  body.bear-tv .machine-name{font-size:18px!important}
  body.bear-kiosk .brand{font-size:12px;padding:6px 8px!important}
  body.bear-kiosk .grid{grid-template-columns:1fr!important}
  body.bear-kiosk .full{grid-column:auto!important}
  body.quote-response-page .quote-response-header{padding-left:58px}
}
@media(max-width:620px){
  body.landing-tour-page .tour-slides{min-height:900px}
}