/* Shared visual language for clinical lists, forms and management workspaces. */
.content{--workspace-accent:#148f80;--workspace-soft:#e8f7f1}
.content .pagehead{padding:20px 22px;background:linear-gradient(115deg,var(--surface),var(--workspace-soft));border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px #174b3e08,inset 0 1px #fff;position:relative;overflow:hidden;gap:20px}
.content .pagehead::before{content:'';position:absolute;inset:18px auto 18px 0;width:4px;background:linear-gradient(#54c8a9,var(--workspace-accent));border-radius:0 5px 5px 0}
.pagehead-copy{display:flex;align-items:center;gap:15px;min-width:0}.pagehead-copy>div{min-width:0}.pagehead-icon{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;color:#087f70;border:1px solid #fff;background:linear-gradient(145deg,#fff,#c5ecdf);box-shadow:0 5px 12px #14735e15,inset 0 2px #fff;border-radius:16px}.pagehead-icon svg{width:26px;height:26px}
.content .pagehead h1{font-size:25px;letter-spacing:-.65px}.content .pagehead p{font-size:12px;max-width:540px;color:var(--muted);line-height:1.6}
.view-finance,.view-sessions,.view-management{--workspace-accent:#a16e25;--workspace-soft:#fff7e7}.view-stock,.view-exams,.view-reports{--workspace-accent:#467da5;--workspace-soft:#edf5fc}.view-settings,.view-templates,.view-documentlibrary{--workspace-accent:#8c66b0;--workspace-soft:#f5f0fa}
.content .panel{border-radius:17px;box-shadow:0 6px 20px #16473e07,inset 0 1px #ffffff90}.content .panelhead{background:linear-gradient(110deg,var(--surface2),var(--workspace-soft));border-bottom:1px solid var(--line);position:relative}.content .panelhead h2{font-size:16px;font-weight:750;color:var(--text)}
.content .panelhead::before{content:'';display:block;align-self:stretch;width:3px;flex-shrink:0;background:var(--workspace-accent);border-radius:3px;margin-right:0}.content .panelhead>h2:first-of-type{margin-right:auto}.content .panelhead>div:first-of-type{margin-right:auto}
.content .toolbar{padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:0 3px 12px #153c3504}.content .tabs{gap:7px}.content .tabs button{border-radius:11px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.content .tabs button.active{background:linear-gradient(135deg,var(--surface),var(--workspace-soft));border-color:#b6d9cf;box-shadow:0 4px 10px #164d3d0b,inset 0 1px #fff;color:var(--text)}
.content .mobilecards th{background:linear-gradient(var(--surface2),var(--workspace-soft));font-size:10px;color:var(--text);font-weight:750;padding-top:14px;padding-bottom:14px}.content .mobilecards tbody tr{transition:background .15s}.content .mobilecards tbody tr:hover{background:var(--workspace-soft)}.content .mobilecards td:first-child b{font-size:13px}.content .mobilecards td{padding-top:18px;padding-bottom:18px}.content .table-actions{gap:7px;flex-wrap:wrap}.content .table-actions .btn{min-height:35px;border-radius:9px}
.content .listrow .avatar,.content .petavatar{background:linear-gradient(135deg,#f8fffc,#cdeee3);border:1px solid #c2e0d5;box-shadow:inset 0 1px #fff,0 3px 8px #144c3d09}.content .listrow{position:relative}.content .listrow:hover{background:var(--surface2)}.content .listrow b{font-weight:750}.content .listrow small{line-height:1.6}
.content .empty{margin:15px;border:1px dashed var(--line);border-radius:14px;background:linear-gradient(135deg,var(--surface),var(--workspace-soft));padding:30px 20px}.content .empty>svg{padding:12px;width:60px;height:60px;border-radius:18px;background:var(--surface);box-shadow:0 4px 12px #16483e0b}.content .pagination{background:var(--surface2)}
.directory-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.directory-metric{display:flex;align-items:center;gap:13px;padding:17px 19px;border:1px solid #cde5db;background:linear-gradient(130deg,#fcfffe,#e6f6ef);box-shadow:inset 0 1px #fff,0 5px 16px #174d3e08;border-radius:16px;color:#136e5d;min-width:0}.directory-metric.blue{background:linear-gradient(130deg,#fff,#eaf3fe);border-color:#d5e4f4;color:#3d6d99}.directory-metric.purple{background:linear-gradient(130deg,#fff,#f1eafb);border-color:#e4d9f0;color:#8057a0}.metric-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:#ffffffa0;border:1px solid #fff}.directory-metric b{font-size:25px;line-height:1.1;display:block}.directory-metric small{display:block;font-size:11px;color:inherit;margin-top:5px;font-weight:650}
.directory-controls{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-bottom:18px}.directory-controls .tabs,.directory-controls .toolbar{margin:0}.directory-controls .toolbar{flex:1;max-width:400px;padding:0;border:0;background:none;box-shadow:none}.directory-controls .toolbar input{max-width:none}.directory-controls .tabs button>span{border-radius:7px;padding:1px 6px;background:var(--tint);font-size:10px}.directory-controls .tabs svg{width:16px;height:16px}
.tutor-identity{display:flex;align-items:center;gap:13px;min-width:0}.tutor-avatar{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;border:1px solid #6dbdab;background:linear-gradient(135deg,#5ec6a8,#168e7d 70%,#0b746c);color:#fff;box-shadow:inset 0 2px #ffffff70,0 5px 10px #0d7e6920;font-size:16px;font-weight:800;letter-spacing:.5px}.tutor-identity b{display:block;font-size:15px!important;line-height:1.4;color:var(--text)}.record-eyebrow{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--teal);font-weight:750;margin-bottom:2px}.record-email{font-size:11px;display:block;overflow-wrap:anywhere;margin-top:3px}.tutor-identity>div{min-width:0}.contact-detail{display:flex;align-items:center;gap:9px}.detail-icon{width:31px;height:31px;border-radius:10px;background:var(--tint);display:grid;place-items:center;color:var(--teal);flex-shrink:0}.detail-icon svg{width:16px;height:16px}.contact-detail small,.linked-pets>small{display:block;font-size:10px;margin-bottom:3px}.contact-detail b{font-size:12px;font-weight:650}.linked-pets>div{display:flex;gap:5px;flex-wrap:wrap}.pet-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #d5e7ef;border-radius:8px;background:#f1f8fe;color:#376d94;font-size:11px}.pet-tag svg{width:13px;height:13px}.record-empty-link{font-size:11px;color:var(--muted)}
.dialoghead{background:linear-gradient(110deg,var(--surface),var(--tint));border-bottom:1px solid var(--line)}.dialoghead h2{font-size:18px;font-weight:750}.dialogbody{background:linear-gradient(145deg,var(--surface),var(--surface2))}.form-intro{display:flex;gap:12px;align-items:center;padding:14px;background:var(--tint);border:1px solid var(--line);border-radius:13px;margin-bottom:19px}.form-intro>span{width:40px;height:40px;display:grid;place-items:center;background:var(--surface);border-radius:12px;color:var(--teal);flex-shrink:0}.form-intro b{font-size:12px}.form-intro p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:3px}.formgrid label{font-size:12px;color:var(--text)}.formgrid label input,.formgrid label select,.formgrid label textarea{border-radius:11px;box-shadow:inset 0 2px 3px #143a3203;min-height:43px}.formsection{padding:12px 13px;background:var(--tint);border:1px solid var(--line);border-radius:10px}.dialogfoot{gap:10px}
body.dark .content{--workspace-soft:#21413f}body.dark .view-finance,body.dark .view-sessions,body.dark .view-management{--workspace-soft:#3e3c30}body.dark .view-stock,body.dark .view-exams,body.dark .view-reports{--workspace-soft:#263f54}body.dark .view-settings,body.dark .view-templates,body.dark .view-documentlibrary{--workspace-soft:#3b3450}body.dark .pagehead-icon{background:linear-gradient(140deg,#315f55,#244d48);border-color:#446e64;color:#b2ebd6;box-shadow:inset 0 1px #ffffff25}body.dark .content .pagehead,body.dark .content .panel,body.dark .content .tabs button.active{box-shadow:0 5px 15px #00000015; border-color:var(--line)}body.dark .directory-metric{background:linear-gradient(130deg,#214a40,#203d38);border-color:#3b6558;color:#a7dfc7}body.dark .directory-metric.blue{background:linear-gradient(130deg,#263f54,#203442);border-color:#3b5870;color:#bad6f0}body.dark .directory-metric.purple{background:linear-gradient(130deg,#3c3550,#302b42);border-color:#5b4c72;color:#deccf3}body.dark .metric-icon{background:#ffffff0c;border-color:#ffffff18}body.dark .pet-tag{background:#263f54;border-color:#3c607a;color:#c0ddf3}body.dark .content .petavatar,body.dark .content .listrow .avatar{background:#214d42;border-color:#3d685b;box-shadow:none;color:#b6e7d5}
@media(max-width:1100px) and (min-width:721px){.pagehead{flex-wrap:wrap}.content .mobilecards td{padding-left:10px;padding-right:10px}.tutor-avatar{width:36px;height:36px;font-size:13px}.tutor-identity{gap:8px}.tutor-identity b{font-size:13px!important}.contact-detail .detail-icon{display:none}}
@media(max-width:720px){.content .pagehead{padding:17px 16px;display:block;border-radius:17px;margin-bottom:15px}.pagehead-copy{gap:11px}.pagehead-icon{width:41px;height:41px;border-radius:13px}.pagehead-icon svg{width:22px;height:22px}.content .pagehead h1{font-size:22px}.content .pagehead p{font-size:11px;margin-top:5px}.content .pagehead>.actions{margin-top:14px;gap:7px}.content .pagehead>.actions .btn{flex:1 1 calc(50% - 7px);min-height:40px;padding:9px 10px;font-size:11px}.content .pagehead>.actions:empty{display:none}.directory-summary{gap:8px;margin-bottom:15px}.directory-metric{padding:13px 10px;gap:8px;border-radius:13px;align-items:flex-start}.directory-metric .metric-icon{width:25px;height:25px;border-radius:8px}.directory-metric .metric-icon svg{width:15px;height:15px}.directory-metric b{font-size:21px}.directory-metric small{font-size:9px;margin-top:6px;line-height:1.3}.directory-controls{display:block;margin-bottom:14px}.directory-controls .tabs{display:flex;margin-bottom:12px}.directory-controls .tabs button{flex:1}.directory-controls .toolbar{max-width:none}.directory-controls .toolbar input{min-height:44px}.content .mobilecards{background:var(--surface2)}.content .mobilecards tbody{padding:12px}.content .mobilecards tr{margin:0 0 12px;padding:16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,var(--surface),var(--surface2));box-shadow:0 4px 13px #17463e07;position:relative;overflow:hidden}.content .mobilecards tr:last-child{margin-bottom:0}.content .mobilecards tr::before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--workspace-accent);border-radius:0 4px 4px 0;opacity:.7}.content .mobilecards td{padding:7px 0}.content .mobilecards td:first-child{padding-top:0;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:6px}.content .mobilecards td:last-child{padding-top:12px}.content .mobilecards td .table-actions{display:flex;gap:8px}.content .table-actions .btn{flex:1;min-height:39px;font-size:11px;white-space:normal}.tutor-record .tutor-identity b{font-size:16px!important}.contact-detail{padding:8px 10px;background:var(--surface2);border:1px solid var(--line);border-radius:10px}.tutor-record .linked-pets{padding:3px 1px}.content .listrow{flex-wrap:wrap;gap:11px;padding:16px}.content .listrow .grow{flex:1 1 130px}.content .panelhead{flex-wrap:wrap;gap:9px}.content .panelhead .btn{white-space:normal}.content .empty{padding:23px 15px;margin:12px}.form-intro{align-items:flex-start}.formgrid{gap:15px}.dialogbody{padding:18px}.dialogfoot .btn{min-height:42px}}
@media(max-width:365px){.directory-metric{display:block}.directory-metric .metric-icon{display:none}.directory-metric b{font-size:20px}.content .pagehead h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.content *{transition:none!important;animation:none!important}}
body.dark .record-eyebrow{color:#90d7c1}body.dark .content .tabs button.active{border-color:#41695d}