/* Exact original portal materials and dimensions adapted to native Office components.
   Isolated legacy modules load original.css directly, without material overrides. */
:root{--ink:#151615;--text:var(--ink);--muted:#69706d;--line:rgba(31,36,33,.10);--canvas:#f2f4f1;--panel:rgba(255,255,255,.72);--panel-solid:#fff;--surface:#fff;--brand-red:#d43a46;--brand-red-dark:#a92836;--brand-orange:#c73b45;--radius-panel:20px;--radius-control:12px;--shadow-panel:0 16px 42px rgba(29,36,31,.055),inset 0 0 0 1px rgba(255,255,255,.34)}
html[data-theme=dark]{--ink:#edf2ee;--text:var(--ink);--muted:#a6b0a9;--canvas:#111512;--panel:rgba(28,33,30,.78);--panel-solid:#1b211d;--surface:#232925;--line:rgba(255,255,255,.10);--shadow-panel:0 16px 42px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.04)}
:is(.content,#overlay) :is(.panel,.metric,.ed-metric,.record-card,.directory-card,.profile-panel,.profile-hero,.work-toolbar,.table-panel,.drive-panel){background:var(--panel);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-panel);backdrop-filter:blur(22px) saturate(140%)}
:is(.content,#overlay) :is(.button,.primary){min-height:42px;border-radius:12px;line-height:1.2;padding-inline:15px;font-size:12px;font-weight:700;gap:8px;box-shadow:none}
:is(.content,#overlay) .button{border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.64)}
:is(.content,#overlay) .primary{border:1px solid #d72b3a;color:#fff;background:linear-gradient(145deg,var(--brand-orange),var(--brand-red));box-shadow:0 9px 24px rgba(213,44,57,.19),inset 0 1px 0 rgba(255,255,255,.28)}
:is(.content,#overlay) :is(.button,.primary) svg{width:16px;height:16px;flex:none}
.content :is(.input-wrap,.filter-select,.sort-select){background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:12px;box-shadow:none}
.content :is(.work-toolbar,.directory-toolbar,.sub-toolbar){padding:16px;margin-bottom:14px;border-radius:18px}
.content .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.content .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.content .directory-card{min-height:82px;border-radius:16px;padding:17px;align-items:center;gap:12px;text-align:left}
.content .directory-card .directory-info strong{font-size:12px;font-weight:700}.content .directory-card .directory-info>span,.content .directory-card .directory-info small{margin-top:5px;font-size:10px;line-height:1.4;color:var(--muted)}
.content .client-grid .directory-card{min-height:104px;padding:18px;border-radius:18px;gap:13px}.content .client-grid .directory-info strong{font-size:13px}.content .client-grid .directory-info>span,.content .client-grid .directory-info small{font-size:9px}
.content .directory-card .directory-avatar{width:36px;height:36px;flex:none;border-radius:11px;color:#b52e3a;background:#f9edee;font-size:11px;font-weight:750}
.content .directory-card .directory-card-end{flex:0 0 auto}.content .directory-card .directory-card-end>svg{width:18px;color:#8a918d}
.content .project-module .records-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.content .record-card.work-card{padding:18px;border-radius:18px;min-height:290px;background:var(--panel);box-shadow:var(--shadow-panel)}
.content .work-card .record-card-top{min-height:28px;margin:0;align-items:flex-start}
.content .work-card .work-kind,.content .work-card .work-status{font-size:8px;font-weight:750;padding:5px 8px;border-radius:999px;min-height:0;text-transform:capitalize}
.content .work-card .number-pair{margin:16px 0 0;gap:10px}.content .work-card .number-pair>div{padding:9px 10px;gap:3px;border:1px solid var(--line);border-radius:10px;background:rgba(246,248,246,.72)}
.content .work-card .number-pair span,.content .work-card .field-caption{font-size:8px;font-weight:750;letter-spacing:.035em;text-transform:uppercase;color:#7f8782}
.content .work-card .number-pair strong{font-size:15px;line-height:1.1;margin-top:3px}
.content .work-card .record-name{margin-top:14px;padding:0}.content .work-card .record-name h2{margin:4px 0;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.content .work-card .record-name p{font-size:10px;margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content .work-card .work-card-address svg{width:14px;height:14px}
.content .work-card .record-summary{margin-top:15px;padding:11px 0;display:grid;gap:8px;border-top:1px solid var(--line)}
.content .work-card .record-summary>div{display:grid;grid-template-columns:18px 18px minmax(0,1fr);gap:6px;font-size:9px;color:#737b76}.content .work-card .record-summary>div>strong{grid-column:2;grid-row:1;font-size:10px}.content .work-card .record-summary>div>span{grid-column:3;grid-row:1}.content .work-card .record-summary svg{width:14px;height:14px;color:#cc303d}
.content .work-card footer{padding-top:12px;margin-top:auto;gap:12px;flex-wrap:nowrap}.content .work-card footer span,.content .work-card footer strong{font-size:8px;line-height:1.5}.content .work-card-deadline>span{flex-direction:row;gap:4px}.content .work-card footer .record-open{font-size:8px;font-weight:750;color:#c12d3a}.content .work-card footer svg{width:13px;height:13px}
.content .work-detail-tabs{padding:6px;gap:5px;margin-bottom:14px;min-height:64px;background:rgba(255,255,255,.58);border:1px solid var(--line);border-radius:16px;box-shadow:none}.content .work-detail-tabs>button{min-height:52px;padding:8px 10px;gap:9px;border-radius:10px}.content .work-detail-tabs strong{font-size:10px;line-height:1.2}.content .work-detail-tabs small{font-size:9px;line-height:1.2}.content .work-detail-tabs [aria-selected=true]{background:#faecee;color:#972731;border-color:rgba(198,46,59,.28);box-shadow:inset 0 0 0 1px rgba(198,46,59,.08)}
#overlay .modal{background:rgba(250,251,249,.92);border-radius:23px;box-shadow:0 30px 90px rgba(13,21,16,.25);backdrop-filter:blur(22px) saturate(140%)}
html[data-theme=dark] :is(.content,#overlay) :is(.button,.input-wrap,.filter-select,.sort-select){background:rgba(35,41,37,.86);color:var(--ink)}
html[data-theme=dark] .content .work-card .number-pair>div,html[data-theme=dark] .content .work-detail-tabs{background:rgba(255,255,255,.025)}
html[data-theme=dark] .content .work-detail-tabs [aria-selected=true]{background:rgba(198,46,59,.14);color:#ef9da4}
html[data-theme=dark] #overlay .modal{background:#1b211d}
@media(max-width:1180px){.content .directory-grid,.content .project-module .records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.content .directory-grid,.content .client-grid,.content .project-module .records-grid{grid-template-columns:1fr}}
@media(prefers-reduced-transparency:reduce){:root{--panel:var(--panel-solid)}.content .panel{backdrop-filter:none}}