/* Professional area styles recovered from the former mixed parity sheet.
   This file intentionally contains no Diete selectors or rules. */
:root{
  --sn-nb-line:#d9dee7;
  --sn-nb-text:#263241;
  --sn-nb-muted:#667085;
  --sn-nb-accent:#36b889;
  --sn-nb-accent-soft:#eaf8f3;
}

/* Patient directory */
.sn-nb-patient-list-page{background:#fff;border:1px solid var(--sn-nb-line);border-radius:5px;overflow:hidden;min-height:580px;max-width:100%}
.sn-nb-page-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border-bottom:1px solid var(--sn-nb-line);background:#fafbfc}
.sn-nb-filter-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.sn-nb-filter-search label{height:36px;min-width:min(560px,60vw);display:flex;align-items:center;gap:8px;border:1px solid #cfd6df;background:#fff;padding:0 10px;border-radius:3px}
.sn-nb-filter-search input{border:0!important;outline:0!important;width:100%;min-width:0;font:inherit;color:var(--sn-nb-text)!important;background:transparent!important}
.sn-nb-toolbar-actions{display:flex;gap:8px;flex:0 0 auto}
.sn-nb-filter-button,.sn-nb-toolbar-actions .secondary{background:#fff!important;color:#263241!important;border:1px solid #8996a5!important}
.sn-nb-filter-button:hover,.sn-nb-toolbar-actions .secondary:hover{background:#eef8f4!important;color:#145c45!important;border-color:#25845f!important}
.sn-nb-filter-panel{position:absolute;z-index:20;top:52px;left:12px;display:flex;flex-wrap:wrap;gap:6px;max-width:min(640px,calc(100% - 24px));padding:8px;border:1px solid #cfd6df;border-radius:4px;background:#fff;box-shadow:0 8px 22px rgba(28,39,51,.16)}
.sn-nb-filter-panel[hidden]{display:none}
.sn-nb-filter-panel button{min-height:32px;padding:5px 10px}
.sn-nb-filter-panel button.active{border-color:#218363;background:var(--sn-nb-accent-soft);color:#176f52}
.sn-nb-patient-table{display:block;width:100%;max-width:100%;overflow-x:auto}
.sn-nb-patient-row{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(150px,.55fr) minmax(280px,1.2fr) 44px;align-items:center;width:100%;min-height:54px;padding:0 12px;border:0;border-bottom:1px solid #e7eaf0;background:#fff;color:var(--sn-nb-text);text-align:left}
.sn-nb-patient-row[role="button"]{cursor:pointer}
.sn-nb-patient-row[role="button"]:hover{background:#f6faf8}
.sn-nb-patient-row[role="button"]:focus-visible{position:relative;z-index:1}
.sn-nb-patient-head{min-height:38px;background:#f5f7f9;color:#596579;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.sn-nb-patient-name{display:flex;align-items:center;gap:9px;min-width:0}
.sn-nb-patient-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sn-nb-text)!important}
.sn-nb-patient-name i{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;font-style:normal;font-size:12px;font-weight:800;color:#197055;background:var(--sn-nb-accent-soft)}
.sn-nb-patient-actions{position:relative;justify-self:end}
.sn-nb-patient-actions summary{display:grid;place-items:center;width:34px;height:34px;border-radius:3px;cursor:pointer;font-size:20px;list-style:none}
.sn-nb-patient-actions summary::-webkit-details-marker{display:none}
.sn-nb-patient-actions summary:hover,.sn-nb-patient-actions[open] summary{background:#eaf2ef;color:#176f52}
.sn-nb-patient-actions-menu{position:absolute;z-index:30;right:0;top:36px;display:grid;min-width:150px;padding:5px;border:1px solid #cfd6df;border-radius:4px;background:#fff;box-shadow:0 8px 22px rgba(28,39,51,.18)}
.sn-nb-patient-actions-menu button{border:0;background:#fff;padding:8px 10px;text-align:left;color:var(--sn-nb-text)}
.sn-nb-patient-actions-menu button:hover{background:var(--sn-nb-accent-soft)}

/* Patient workspace, anamnesis and reports */
.sn877-patient-tabs,.sn-admin-tabs{border-radius:4px!important;box-shadow:none!important;border:1px solid var(--sn-nb-line)!important;background:#fff!important;gap:0!important;padding:0!important;overflow-x:auto}
.sn877-patient-tabs button,.sn-admin-tabs button{border:0!important;border-right:1px solid var(--sn-nb-line)!important;border-radius:0!important;min-height:43px;padding:0 15px!important;font-size:13px!important;background:#fff!important;color:#4a5567!important;white-space:nowrap}
.sn877-patient-tabs button.active,.sn-admin-tabs button.active{background:var(--sn-nb-accent-soft)!important;color:#176f52!important;box-shadow:inset 0 -3px var(--sn-nb-accent)!important}
.sn-smart-extra{opacity:.82}
.sn-nb-overview-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:12px}
.sn-nb-summary-card{margin:0!important}
.sn-nb-summary-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--sn-nb-line);border-bottom:0}
.sn-nb-summary-table>div{display:flex;flex-direction:column;gap:3px;padding:10px;border-bottom:1px solid var(--sn-nb-line)}
.sn-nb-summary-table>div:nth-child(odd){border-right:1px solid var(--sn-nb-line)}
.sn-nb-summary-table span{font-size:12px;color:var(--sn-nb-muted)}
.sn-nb-summary-table strong{font-size:14px;color:var(--sn-nb-text)}
.sn-nb-anamnesis-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:12px}
.sn-nb-anamnesis-nav{background:#fff;border:1px solid var(--sn-nb-line);border-radius:4px;overflow:hidden;align-self:start}
.sn-nb-anamnesis-nav button{display:block;width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;text-align:left;padding:10px 12px;color:#49566a;font:inherit;font-size:13px;cursor:pointer}
.sn-nb-anamnesis-nav button.active,.sn-nb-anamnesis-nav button:hover{background:var(--sn-nb-accent-soft);color:#176f52}
.sn-nb-anamnesis-form{margin:0!important}
.sn-nb-quick-actions{display:grid;gap:7px}
.sn-nb-next-visit{display:grid;gap:7px;padding:12px;border:1px solid var(--sn-nb-line);background:#fafcfc}
.sn-nb-report-layout{display:grid;gap:12px}

/* Professional food browser (independent of Diete) */
.sn-nb-foods-workspace{display:grid;grid-template-columns:270px minmax(480px,1fr) 280px;gap:8px;align-items:start;width:100%;min-height:650px}
.sn-nb-food-tree,.sn-foods-detail,.sn-nb-food-settings{background:#fff;border:1px solid var(--sn-nb-line);border-radius:3px;min-width:0}
.sn-nb-food-tree,.sn-nb-food-settings{padding:9px}
.sn-nb-food-tree h3,.sn-nb-food-settings h3{font-size:14px;margin:0 0 8px;color:#364152}
.sn-nb-food-cats{margin-top:7px;max-height:390px;overflow:auto;border:1px solid #e2e6ec}
.sn-nb-food-cats button{width:100%;min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:5px;border:0;border-bottom:1px solid #edf0f3;background:#fff;padding:5px 7px;text-align:left;color:#38465a;font:inherit;font-size:12px;cursor:pointer}
.sn-nb-food-cats button.active,.sn-nb-food-cats button:hover{background:#eef8f4;color:#176f52}
.sn-nb-food-cats small{color:#596675}
.sn-nb-food-tree .sn-food-results{max-height:380px;overflow:auto;margin-top:7px}
.sn-nb-food-tree .sn-food-result{border-radius:2px!important;padding:7px!important;margin:0!important;border-bottom:1px solid #edf0f4!important}
.sn-foods-detail{padding:14px;max-height:780px;overflow:auto}
.sn-brom-title{margin:18px 0 7px;font-size:14px}
.sn-food-nutrient-table{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--sn-nb-line)}
.sn-food-nutrient-table>div{display:flex!important;justify-content:space-between;gap:12px;padding:7px 9px;border-bottom:1px solid #edf0f4}
.sn-food-nutrient-table>div:nth-child(odd){border-right:1px solid #edf0f4}
.sn-nb-food-settings{display:grid;gap:9px}
.sn-nb-food-settings label{display:grid;gap:4px;color:#5a6575;font-size:12px}
.sn-nb-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.sn-nb-food-settings-actions{display:grid;gap:6px;margin-top:7px}

@media(max-width:1280px){
  .sn-nb-foods-workspace{grid-template-columns:225px minmax(420px,1fr) 245px}
}
@media(max-width:980px){
  .sn-nb-overview-grid{grid-template-columns:1fr}
  .sn-nb-anamnesis-layout{grid-template-columns:190px minmax(0,1fr)}
  .sn-nb-foods-workspace{grid-template-columns:220px minmax(0,1fr)}
  .sn-nb-food-settings{grid-column:1/-1}
}
@media(max-width:700px){
  .sn-nb-page-toolbar{align-items:stretch;flex-direction:column}
  .sn-nb-filter-search label{min-width:0;width:100%}
  .sn-nb-toolbar-actions{justify-content:flex-end}
  .sn-nb-filter-panel{top:54px}
  .sn-nb-patient-row{min-width:760px}
  .sn-nb-anamnesis-layout{grid-template-columns:1fr}
  .sn-nb-anamnesis-nav{display:flex;overflow-x:auto}
  .sn-nb-anamnesis-nav button{width:auto;white-space:nowrap;border-right:1px solid #edf0f4}
  .sn-nb-foods-workspace{display:flex;flex-direction:column}
  .sn-nb-food-tree,.sn-foods-detail,.sn-nb-food-settings{width:100%}
  .sn-food-nutrient-table{grid-template-columns:1fr}
  .sn-food-nutrient-table>div:nth-child(odd){border-right:0}
  .sn-nb-setting-grid{grid-template-columns:1fr}
}
