/* ===== ss-behavior-rehabilitation-inline ===== */

/* SmartSchool — Multi-Tier Behavior Rehabilitation Workflow */
.ss-br-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;padding:2px 0 12px;margin-bottom:12px;border-bottom:1px solid var(--border);scrollbar-width:thin}
.ss-br-tab{flex:0 0 auto;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);padding:11px 14px;border-radius:14px;font-family:inherit;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:transform .14s ease,border-color .14s ease,background .14s ease}
.ss-br-tab:active{transform:scale(.98)}
.ss-br-tab.active{background:linear-gradient(100deg,var(--primary),#7c3aed);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(67,97,238,.2)}
.ss-br-tab-count{min-width:23px;height:23px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.18);font-size:.78em}
.ss-br-shell{direction:rtl;text-align:right;color:var(--text-main)}
.ss-br-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.ss-br-title{margin:0;font-size:1.25rem;font-weight:1000;line-height:1.55}
.ss-br-sub{color:var(--text-sec);font-weight:800;line-height:1.8;margin-top:4px}
.ss-br-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;font-weight:950;font-size:.83rem;border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.13);color:#b45309}
body.dark-mode .ss-br-badge{color:#fbbf24;background:rgba(245,158,11,.12)}
.ss-br-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ss-br-card{background:var(--input-bg);border:1px solid var(--border);border-radius:18px;padding:14px;box-shadow:var(--shadow);min-width:0}
.ss-br-student-card{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.ss-br-student-card:hover{transform:translateY(-1px);border-color:var(--primary);box-shadow:var(--shadow-strong)}
.ss-br-student-name{font-weight:1000;font-size:1.05rem;line-height:1.6}
.ss-br-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.ss-br-metric{padding:9px;border-radius:12px;background:rgba(67,97,238,.07);border:1px solid var(--border);text-align:center}
.ss-br-metric strong{display:block;font-size:1.08rem}.ss-br-metric span{display:block;color:var(--text-sec);font-weight:800;font-size:.75rem;margin-top:2px}
.ss-br-back{border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);padding:9px 12px;border-radius:12px;font-family:inherit;font-weight:900;cursor:pointer}
.ss-br-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}
.ss-br-form .ss-br-wide{grid-column:1/-1}
.ss-br-input,.ss-br-textarea,.ss-br-select{width:100%;box-sizing:border-box;background:var(--input-bg);color:var(--text-main);border:1px solid var(--border);border-radius:14px;padding:12px 13px;font-family:inherit;font-weight:800;outline:none}
.ss-br-textarea{min-height:92px;resize:vertical;line-height:1.8}
.ss-br-input:focus,.ss-br-textarea:focus,.ss-br-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,.14)}
.ss-br-type-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ss-br-type{border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);border-radius:13px;padding:11px;font-family:inherit;font-weight:950;cursor:pointer}
.ss-br-type.active.positive{background:rgba(34,197,94,.14);border-color:#22c55e;color:#15803d}
.ss-br-type.active.negative{background:rgba(239,68,68,.13);border-color:#ef4444;color:#b91c1c}
body.dark-mode .ss-br-type.active.positive{color:#86efac}body.dark-mode .ss-br-type.active.negative{color:#fca5a5}
.ss-br-primary,.ss-br-secondary,.ss-br-danger{border:none;border-radius:14px;padding:12px 15px;font-family:inherit;font-weight:1000;cursor:pointer;transition:transform .14s ease,filter .14s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.ss-br-primary{background:linear-gradient(100deg,var(--primary),#7c3aed);color:#fff;box-shadow:0 12px 28px rgba(67,97,238,.22)}
.ss-br-secondary{background:rgba(59,130,246,.12);color:#1d4ed8;border:1px solid rgba(59,130,246,.28)}
.ss-br-danger{background:rgba(220,38,38,.12);color:#b91c1c;border:1px solid rgba(220,38,38,.3)}
body.dark-mode .ss-br-secondary{color:#93c5fd}body.dark-mode .ss-br-danger{color:#fca5a5}
.ss-br-primary:active,.ss-br-secondary:active,.ss-br-danger:active{transform:scale(.985)}
.ss-br-primary:disabled,.ss-br-secondary:disabled,.ss-br-danger:disabled,.ss-br-type:disabled{opacity:.48;cursor:not-allowed;filter:grayscale(.35)}
.ss-br-section-title{margin:0 0 10px;font-weight:1000;font-size:1.05rem}
.ss-br-note-list{display:flex;flex-direction:column;gap:8px;max-height:330px;overflow:auto;padding-left:2px}
.ss-br-note{border:1px solid var(--border);background:var(--card);border-radius:14px;padding:11px 12px}
.ss-br-note-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.ss-br-note-type{font-weight:1000}.ss-br-note-type.positive{color:#16a34a}.ss-br-note-type.negative{color:#dc2626}
.ss-br-note-status{font-size:.75rem;font-weight:900;color:var(--text-sec);padding:4px 7px;border-radius:999px;background:rgba(148,163,184,.13)}
.ss-br-note-text{font-weight:850;line-height:1.75}.ss-br-note-meta{font-size:.78rem;color:var(--text-sec);font-weight:750;margin-top:5px}
.ss-br-workflow{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.ss-br-stage{border:1px solid var(--border);background:var(--card);border-radius:18px;padding:14px}
.ss-br-stage.locked{opacity:.72}
.ss-br-stage-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ss-br-stage-head h4{margin:0;font-size:1.05rem;font-weight:1000}
.ss-br-stage-chip{padding:6px 9px;border-radius:999px;background:rgba(67,97,238,.11);color:var(--primary);font-weight:950;font-size:.78rem}
.ss-br-vote-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ss-br-vote-pill{padding:7px 10px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid var(--border);font-size:.82rem;font-weight:900}
.ss-br-teacher-list{display:flex;flex-direction:column;gap:9px}.ss-br-teacher{border:1px solid var(--border);border-radius:14px;padding:11px;background:var(--input-bg)}
.ss-br-teacher-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ss-br-teacher-name{font-weight:950}.ss-br-vote-actions{display:flex;gap:7px;flex-wrap:wrap}
.ss-br-vote{border:1px solid var(--border);background:var(--card);color:var(--text-main);border-radius:11px;padding:8px 10px;font-family:inherit;font-weight:900;cursor:pointer}
.ss-br-vote.yes.active{border-color:#22c55e;background:rgba(34,197,94,.14);color:#15803d}.ss-br-vote.more.active{border-color:#f59e0b;background:rgba(245,158,11,.14);color:#b45309}
body.dark-mode .ss-br-vote.yes.active{color:#86efac}body.dark-mode .ss-br-vote.more.active{color:#fcd34d}
.ss-br-diagnostic{border:1px dashed rgba(124,58,237,.45);background:rgba(124,58,237,.08);border-radius:15px;padding:12px;line-height:1.9;font-weight:800}
.ss-br-empty{border:1px dashed var(--border);border-radius:16px;padding:24px 14px;text-align:center;color:var(--text-sec);font-weight:850;line-height:1.9}
.ss-br-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}.ss-br-actions>*{flex:1;min-width:190px}
.ss-br-case-inline{margin-top:7px}
.ss-br-original-badge{display:inline-flex;margin-top:7px}
@media(max-width:700px){.ss-br-grid{grid-template-columns:1fr}.ss-br-form{grid-template-columns:1fr}.ss-br-form .ss-br-wide{grid-column:auto}.ss-br-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-br-card{padding:12px}.ss-br-teacher-row{align-items:flex-start}.ss-br-vote-actions{width:100%}.ss-br-vote{flex:1;min-width:120px}.ss-br-actions>*{min-width:100%}}
@media(max-width:420px){.ss-br-metrics{grid-template-columns:1fr}.ss-br-tab{padding:10px 11px;font-size:.88rem}.ss-br-title{font-size:1.1rem}}


/* V6 — student report modal toolbar: close button no longer overlaps tabs/content */
#reportModal{padding:12px;box-sizing:border-box;}
#reportModal .ss-report-modal-content{
  width:min(95%,680px);
  max-height:90dvh;
  padding:0 18px 20px;
  overflow-y:auto;
  overflow-x:hidden;
  border-radius:22px;
  box-sizing:border-box;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}
#reportModal .ss-report-modal-toolbar{
  position:sticky;
  top:0;
  z-index:60;
  display:flex;
  direction:rtl;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:64px;
  margin:0 -18px 14px;
  padding:10px 14px;
  box-sizing:border-box;
  background:var(--card-strong);
  background:color-mix(in srgb,var(--card-strong) 94%,transparent);
  border-bottom:1px solid var(--border);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#reportModal .ss-report-modal-toolbar-title{
  min-width:0;
  color:var(--text-main);
  font-size:1.05rem;
  font-weight:1000;
  line-height:1.45;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#reportModal .ss-report-modal-close{
  position:static;
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(239,68,68,.35);
  border-radius:14px;
  background:rgba(239,68,68,.13);
  color:#ef4444;
  font-family:inherit;
  font-size:2rem;
  font-weight:1000;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(239,68,68,.12);
  transition:transform .14s ease,background .14s ease,border-color .14s ease;
  -webkit-tap-highlight-color:transparent;
}
#reportModal .ss-report-modal-close:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.55);}
#reportModal .ss-report-modal-close:active{transform:scale(.94);}
#reportModal .ss-report-modal-close:focus-visible{outline:3px solid rgba(239,68,68,.25);outline-offset:2px;}
#reportModal #reportContent{min-width:0;width:100%;overflow-wrap:anywhere;}
#reportModal .ss-br-tabs{margin-top:0;padding-inline:0;}
@media(max-width:520px){
  #reportModal{padding:0;align-items:stretch;}
  #reportModal .ss-report-modal-content{
    width:100%;
    max-width:none!important;
    max-height:100dvh;
    height:100dvh;
    border-radius:0;
    padding:0 14px calc(18px + env(safe-area-inset-bottom));
  }
  #reportModal .ss-report-modal-toolbar{
    min-height:62px;
    margin:0 -14px 12px;
    padding:8px 12px;
    padding-top:max(8px,env(safe-area-inset-top));
  }
  #reportModal .ss-report-modal-close{flex-basis:42px;width:42px;height:42px;border-radius:13px;font-size:1.85rem;}
  #reportModal .ss-report-modal-toolbar-title{font-size:1rem;}
  #reportModal .ss-br-tabs{scroll-padding-inline:8px;}
}


/* V7 — official decision reports, permanent record and teacher notifications */
.ss-br-section-block{margin-top:16px}.ss-br-section-block:first-of-type{margin-top:0}
.ss-br-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.ss-br-section-head h4{margin:0;font-size:1.08rem;font-weight:1000}
.ss-br-report-list{display:flex;flex-direction:column;gap:9px}
.ss-br-report-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);border-radius:15px;padding:12px 14px;font-family:inherit;cursor:pointer;transition:transform .14s ease,border-color .14s ease}
.ss-br-report-card:hover{border-color:var(--primary);transform:translateY(-1px)}
.ss-br-official-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(22,163,74,.35);background:rgba(22,163,74,.12);color:#15803d;font-weight:1000;font-size:.8rem;white-space:nowrap}
body.dark-mode .ss-br-official-badge{color:#86efac;background:rgba(34,197,94,.12)}
.ss-br-official-card{border-color:rgba(22,163,74,.28);background:linear-gradient(145deg,rgba(22,163,74,.07),var(--input-bg))}
.ss-br-official-report{background:var(--input-bg);border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:var(--shadow);overflow:hidden}
.ss-br-report-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:2px solid var(--border)}
.ss-br-report-header h2{margin:3px 0 0;font-size:1.35rem;line-height:1.6}.ss-br-report-kicker{font-weight:1000;color:var(--primary)}
.ss-br-report-actions{margin:14px 0}.ss-br-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.ss-br-report-grid>div{border:1px solid var(--border);background:var(--card);border-radius:13px;padding:11px;min-width:0}.ss-br-report-grid span{display:block;color:var(--text-sec);font-size:.78rem;font-weight:850}.ss-br-report-grid strong{display:block;margin-top:4px;font-weight:1000;overflow-wrap:anywhere}
.ss-br-report-section{margin-top:14px;border:1px solid var(--border);background:var(--card);border-radius:15px;padding:13px}.ss-br-report-section h3{margin:0 0 8px;font-size:1.02rem;font-weight:1000}.ss-br-report-section p{margin:0;color:var(--text-main);font-weight:800;line-height:1.95;white-space:pre-wrap}
.ss-br-table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--border)}.ss-br-report-table{width:100%;border-collapse:collapse;min-width:620px}.ss-br-report-table th,.ss-br-report-table td{padding:10px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);text-align:right;vertical-align:top}.ss-br-report-table th{background:rgba(67,97,238,.1);font-weight:1000}.ss-br-report-table tr:last-child td{border-bottom:none}
.ss-br-report-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:2px solid var(--border);color:var(--text-sec);font-weight:850}
@media(max-width:700px){.ss-br-report-grid{grid-template-columns:1fr}.ss-br-report-card{align-items:flex-start}.ss-br-official-report{padding:13px}.ss-br-report-header h2{font-size:1.18rem}.ss-br-report-footer{flex-direction:column}}



/* V18 — guaranteed readable contrast for behavior/student cards in every theme */
.ss-br-shell{
  --ssbr-surface:#ffffff;
  --ssbr-surface-soft:#f3f6fb;
  --ssbr-text:#111827;
  --ssbr-muted:#596579;
  --ssbr-border:rgba(15,23,42,.14);
}
body.dark-mode .ss-br-shell{
  --ssbr-surface:#0f172a;
  --ssbr-surface-soft:#182235;
  --ssbr-text:#f8fafc;
  --ssbr-muted:#c3cce0;
  --ssbr-border:rgba(226,232,240,.18);
}
.ss-br-shell .ss-br-card,
.ss-br-shell .ss-br-student-card,
.ss-br-shell .ss-br-note,
.ss-br-shell .ss-br-stage,
.ss-br-shell .ss-br-teacher,
.ss-br-shell .ss-br-report-card,
.ss-br-shell .ss-br-official-report,
.ss-br-shell .ss-br-report-grid>div,
.ss-br-shell .ss-br-report-section{
  background:var(--ssbr-surface)!important;
  color:var(--ssbr-text)!important;
  border-color:var(--ssbr-border)!important;
}
.ss-br-shell .ss-br-student-card{
  appearance:none;
  -webkit-appearance:none;
  color:var(--ssbr-text)!important;
}
.ss-br-shell .ss-br-metric,
.ss-br-shell .ss-br-vote-pill,
.ss-br-shell .ss-br-note-status{
  background:var(--ssbr-surface-soft)!important;
  border-color:var(--ssbr-border)!important;
}
.ss-br-shell .ss-br-student-name,
.ss-br-shell .ss-br-title,
.ss-br-shell .ss-br-section-title,
.ss-br-shell .ss-br-section-head h4,
.ss-br-shell .ss-br-stage-head h4,
.ss-br-shell .ss-br-teacher-name,
.ss-br-shell .ss-br-note-text,
.ss-br-shell .ss-br-metric strong,
.ss-br-shell .ss-br-report-card strong,
.ss-br-shell .ss-br-report-grid strong,
.ss-br-shell .ss-br-report-section h3,
.ss-br-shell .ss-br-report-section p{
  color:var(--ssbr-text)!important;
}
.ss-br-shell .ss-br-sub,
.ss-br-shell .ss-br-metric span,
.ss-br-shell .ss-br-note-meta,
.ss-br-shell .ss-br-note-status,
.ss-br-shell .ss-br-report-grid span,
.ss-br-shell .ss-br-report-footer{
  color:var(--ssbr-muted)!important;
}
.ss-br-shell .ss-br-back,
.ss-br-shell .ss-br-input,
.ss-br-shell .ss-br-textarea,
.ss-br-shell .ss-br-select,
.ss-br-shell .ss-br-type,
.ss-br-shell .ss-br-vote{
  background:var(--ssbr-surface-soft)!important;
  color:var(--ssbr-text)!important;
  border-color:var(--ssbr-border)!important;
}
.ss-br-shell .ss-br-type.active.positive,
.ss-br-shell .ss-br-vote.yes.active{color:#15803d!important;background:rgba(34,197,94,.14)!important;border-color:#22c55e!important}
.ss-br-shell .ss-br-type.active.negative{color:#b91c1c!important;background:rgba(239,68,68,.13)!important;border-color:#ef4444!important}
.ss-br-shell .ss-br-vote.more.active{color:#b45309!important;background:rgba(245,158,11,.14)!important;border-color:#f59e0b!important}
body.dark-mode .ss-br-shell .ss-br-type.active.positive,
body.dark-mode .ss-br-shell .ss-br-vote.yes.active{color:#86efac!important}
body.dark-mode .ss-br-shell .ss-br-type.active.negative{color:#fca5a5!important}
body.dark-mode .ss-br-shell .ss-br-vote.more.active{color:#fcd34d!important}


/* V75 customer build: owner tool is not included in the app UI. */
body.customer-mode #ownerPanelCard,
body.customer-mode [onclick^="owner"],
body.customer-mode #ownCmdBox,
body.customer-mode #ownKeyStatus{display:none !important;}