/* Shared office presentation. Every rule is scoped to the office experience. */
.office-experience{--office-accent:var(--accent,var(--admin-accent,#e51d35));--office-text:#eef3f8;--office-muted:#a6b6c7;--office-line:#2b3d4d;--office-surface:#101b25;color:var(--office-text);min-width:0}
.office-experience [hidden]{display:none!important}.office-experience :is(a,button,input,select,summary):focus-visible{outline:3px solid #8cd5ff;outline-offset:4px}.office-experience :is(h1,h2,h3,p){overflow-wrap:anywhere}.office-experience a{text-decoration:none}.office-experience .office-muted{color:var(--office-muted);line-height:1.65;max-width:70ch}.office-experience .office-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--office-muted);line-height:1.5}
.office-experience .office-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 0 28px;margin:0 0 24px;border-bottom:1px solid var(--office-line)}.office-experience .office-hero :is(h1,h2){font-family:'Barlow Condensed',Inter,sans-serif;font-size:clamp(2.8rem,5vw,4.5rem);font-weight:600;letter-spacing:.025em;line-height:1.05;margin:10px 0 14px;max-width:none}.office-experience .office-hero p{display:flex;flex-wrap:wrap;gap:12px;color:var(--office-muted);font-size:14px;margin:0;max-width:none}.office-experience .office-back{display:inline-flex;align-items:center;min-height:44px;color:var(--office-muted);font-size:13px;margin-bottom:12px}.office-experience .office-status{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:8px 12px;border:1px solid #3d4d5c;border-radius:30px;color:#c3cdd7;background:#18232d;font-size:11px;font-weight:600}.office-experience .office-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.office-experience .office-status.online,.office-experience .activity-completed{color:#a0e4bd;border-color:#2d6652;background:#122c25}.office-experience :is(.activity-failed,.activity-denied){color:#ffb8be;border-color:#824450;background:#321e29}.office-experience :is(.activity-pending,.activity-uncertain,.activity-dispatched){color:#f4d499;border-color:#74603d;background:#2a261f}
.office-experience .office-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--office-line);padding-bottom:14px;margin:0 0 28px}.office-experience .office-tabs a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;color:var(--office-muted);font-size:13px}.office-experience .office-tabs a.active{background:#271b28;color:#fff;border-color:#8b3549}.office-experience .office-tabs a:hover{background:#192a39;color:#fff}
.office-experience .office-map-section{background:#0e1420;border:1px solid var(--office-line);border-radius:16px;overflow:hidden;margin:0 0 38px}.office-experience .office-map-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 24px;background:#101b25;border-bottom:1px solid var(--office-line);color:var(--office-muted);font-size:12px}.office-experience .office-map-heading>div{display:grid;gap:6px}.office-experience .office-pixel-frame{display:block;width:100%;height:clamp(400px,58vh,660px);min-height:0;border:0;background:#141320}.office-experience .office-map-caption{padding:14px 24px;margin:0;color:var(--office-muted);font-size:12px;line-height:1.7;max-width:none;border-top:1px solid var(--office-line)}
.office-experience .office-section{margin:0 0 44px;min-width:0;scroll-margin-top:24px}.office-experience .office-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px}.office-experience .office-section-heading h2{font-family:'Barlow Condensed',Inter,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500;line-height:1.15;text-transform:none;letter-spacing:.02em;margin:7px 0 0;max-width:none}.office-experience .office-count{font-size:12px;color:var(--office-muted);white-space:nowrap}.office-experience .office-team-grid,.office-experience .office-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.office-experience .office-team-card{display:flex;flex-direction:column;min-width:0;background:var(--office-surface);border:1px solid var(--office-line);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.office-experience .office-team-card.is-selected{border-color:var(--team-accent,var(--office-accent));box-shadow:0 0 0 1px var(--team-accent,var(--office-accent))}.office-experience .office-team-card:hover{border-color:#698497;transform:translateY(-2px)}.office-experience .office-team-select{display:block;width:100%;min-height:44px;color:inherit;text-align:left;padding:0;margin:0;border:0;border-radius:0;background:transparent;font:inherit;cursor:pointer;flex:1}.office-experience .office-team-select:focus-visible{outline-offset:-4px}.office-experience .office-team-body{padding:20px}.office-experience .office-team-body h3{font-family:'Barlow Condensed',Inter,sans-serif;font-size:1.65rem;font-weight:500;line-height:1.15;margin:10px 0 18px;letter-spacing:.02em}.office-experience .office-team-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;color:var(--office-muted);font-size:12px}.office-experience .office-selected-label{color:#fff;font-size:11px;font-weight:600}.office-experience .office-card-actions{display:flex;flex-wrap:wrap;gap:4px 14px;padding:4px 20px 12px;margin-top:auto;border-top:1px solid var(--office-line)}.office-experience .office-card-actions a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:#a9d4ed}.office-experience .office-card-actions a:hover{color:#fff;text-decoration:underline}
.office-experience .office-photo{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(ellipse at 30% 30%,#263e53,#101b2a);width:100%}.office-experience .office-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;font-family:'Barlow Condensed',sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;letter-spacing:.05em;color:#8caac2}.office-experience .office-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 25%;background:transparent}.office-experience .office-photo.member{aspect-ratio:4/5}.office-experience .office-photo.member img{object-position:center top}.office-experience .office-photo.avatar{width:64px;height:72px;flex:none;aspect-ratio:auto;border-radius:8px}.office-experience .office-photo.avatar .office-photo-fallback{font-size:24px}.office-experience .office-member-card{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid var(--office-line);border-radius:12px;background:var(--office-surface);color:var(--office-text);transition:border-color .2s,transform .2s}.office-experience .office-member-card:hover{border-color:#698497;transform:translateY(-2px)}.office-experience .office-member-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:20px;gap:12px}.office-experience .office-member-body h3{font-size:1.2rem;line-height:1.25;margin:0}.office-experience .office-member-body p{font-size:12px;color:var(--office-muted);line-height:1.65;margin:0}.office-experience .office-kind{font-size:10px;padding:4px 8px;border:1px solid #4b6172;border-radius:20px;color:#b9cbdc}.office-experience .office-text-link{font-size:12px;color:#abd8f4;margin-top:auto;padding-top:8px;line-height:1.6}.office-experience .office-member-panel h2:focus{outline:0}
.office-experience .office-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.office-experience .office-index-card{background:var(--office-surface);border:1px solid var(--office-line);border-radius:14px;overflow:hidden}.office-experience .office-index-card>div:not(.office-photo){padding:24px}.office-experience .office-index-card h2{font-size:2rem;margin:8px 0 14px}.office-experience .office-index-card p{font-size:13px;color:var(--office-muted)}.office-experience .office-empty{padding:28px;border:1px dashed #3b5368;border-radius:12px;background:#0e1823;color:var(--office-muted);line-height:1.65}.office-experience .office-empty h3{font-size:20px;color:var(--office-text);margin-bottom:10px}.office-experience .office-empty p{margin:0 0 12px;max-width:65ch}.office-experience .office-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.office-experience .office-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 17px;font:600 12px Inter,Arial,sans-serif;line-height:1.5;border:1px solid var(--office-accent);border-radius:8px;background:var(--office-accent);color:#fff;cursor:pointer;text-align:center}.office-experience .office-button.secondary{background:#172838;border-color:#415a70;color:#d8e9f6}.office-experience .office-button.danger{background:#321d29;border-color:#8b4051;color:#ffc6cb}.office-experience .office-button:disabled{opacity:.45;cursor:not-allowed}.office-experience .office-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin:20px 0}.office-experience .office-toolbar p{margin:0;flex:1}.office-experience label{display:grid;gap:9px;font-size:13px;line-height:1.5;color:#dbe5ef;min-width:0}.office-experience label small{font-size:11px;color:var(--office-muted)}.office-experience :is(input:not([type=checkbox]),select){width:100%;max-width:100%;min-width:0;min-height:44px;padding:12px 14px;border:1px solid #3a5266;border-radius:8px;background:#0b1520;color:#edf4fb;font:inherit}.office-experience input[type=checkbox]{width:20px;height:20px;accent-color:var(--office-accent);flex:none}.office-experience .office-form-message{min-height:20px;font-size:13px;line-height:1.65;color:#b6d7ee;margin:16px 0 0}.office-experience .office-settings-section{margin-bottom:36px;padding:28px;border:1px solid var(--office-line);background:#0f1a24;border-radius:14px}.office-experience .office-settings-section>.office-section-heading{padding-bottom:20px;border-bottom:1px solid var(--office-line)}.office-experience .office-publication-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:36px}.office-experience .office-publication-fields{display:grid;align-content:start;gap:22px}.office-experience .office-publication-fields h3{font-size:19px;margin:0}.office-experience .office-publication-fields p{margin:0}.office-experience .office-publication-fields .office-toolbar{margin:0}.office-experience .office-url{overflow-wrap:anywhere}.office-experience .office-upload{padding:18px;border:1px dashed #49657c;border-radius:10px}.office-experience .office-upload>span{font-size:11px;color:var(--office-muted)}.office-experience input[type=file]{padding:0;border:0;background:transparent;font-size:12px;min-height:44px}.office-experience input[type=file]::file-selector-button{padding:12px;border:0;border-radius:6px;background:#233c51;color:#fff;margin-right:12px;cursor:pointer}.office-experience .office-publish-toggle{display:flex;align-items:center;gap:14px;padding:16px;background:#162633;border-radius:10px}.office-experience .office-publish-toggle span{display:grid;gap:5px}.office-experience .office-cover-preview{border:1px solid var(--office-line);border-radius:12px;overflow:hidden;background:#0c1520;align-self:start;padding-bottom:20px}.office-experience .office-cover-preview>span,.office-experience .office-cover-preview>h3{margin:18px 20px 0;display:block}.office-experience .office-cover-preview>span{font-size:11px;color:var(--office-muted)}.office-experience .office-cover-preview>.office-status{display:inline-flex}.office-experience .office-cover-preview h3{font-size:23px}
.office-experience .office-customization{border:1px solid var(--office-line);border-radius:12px;padding:20px;margin:20px 0;background:#0c1722}.office-experience .office-customization>summary,.office-experience .office-template-save>summary{cursor:pointer;min-height:44px;line-height:1.5;padding:10px 0;font-weight:600;font-size:14px}.office-experience .office-customization>p{margin:16px 0}.office-experience .office-appearance-heading{display:flex;gap:18px;align-items:center;margin:24px 0}.office-experience .office-appearance-heading label{flex:1;max-width:480px}.office-experience .office-appearance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.office-experience .office-appearance-grid button{display:grid;place-items:center;gap:6px;padding:12px 6px;min-height:100px;border:1px solid #33495b;border-radius:9px;background:#16222f;color:#a9bfd1;cursor:pointer}.office-experience .office-appearance-grid img{width:32px;height:64px;image-rendering:pixelated}.office-experience .office-appearance-grid span{font-size:10px}.office-experience .office-appearance-grid .is-selected{border-color:#8bcded;box-shadow:inset 0 0 0 1px #8bcded;background:#203b50;color:#fff}.office-experience .office-template-card.is-selected{border-color:#8bcded;box-shadow:inset 0 0 0 1px #8bcded}.office-experience .office-template-selection{margin:20px 0;padding:20px;border:1px solid #425f76;border-radius:10px;background:#132332}.office-experience .office-capacity-warning{color:#f5cc91}.office-experience .office-template-manage,.office-experience .office-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.office-experience .office-template-manage label{grid-column:1/-1}.office-experience .office-template-save{border-top:1px solid var(--office-line);padding-top:16px;margin-top:20px}.office-experience .office-settings-preview{height:420px}.office-experience .office-settings-section .work-team-grid{grid-template-columns:minmax(0,1fr)}.office-experience .office-settings-section .work-team-card{background:#101c28;border-color:#30475a}.office-experience .office-danger-zone{padding:20px;border:1px solid #663847;background:#261a24;border-radius:10px;margin:20px 0}.office-experience .office-danger-zone h3{color:#ffc6cb}.office-experience .office-danger-zone>p{color:#d3acb4}
.office-experience .office-filter-bar{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:20px;padding:20px;background:var(--office-surface);border:1px solid var(--office-line);border-radius:12px;margin-bottom:24px}.office-experience .office-activity-table-wrap{overflow-x:auto;border:1px solid var(--office-line);border-radius:12px;background:#0f1b26}.office-experience .office-activity-table{width:100%;border-collapse:collapse;font-size:13px}.office-experience .office-activity-table th{padding:16px 20px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.09em;background:#172635;color:#aebfd0}.office-experience .office-activity-table td{padding:18px 20px;border-top:1px solid var(--office-line);vertical-align:top;line-height:1.6}.office-experience .office-activity-table time{white-space:nowrap;color:#b5c5d6;font-size:12px}.office-experience .office-activity-table details{margin-top:7px;font-size:11px;color:var(--office-muted)}.office-experience .office-activity-table summary{cursor:pointer;min-height:44px;padding:10px 0}.office-experience .office-activity-table code{display:block;white-space:normal;overflow-wrap:anywhere;color:#c7d9ea;margin-bottom:6px}.office-experience .office-activity-table small{display:block;overflow-wrap:anywhere}.office-experience .office-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;font-size:12px;color:var(--office-muted)}
@media(min-width:1600px){.office-experience .office-member-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.office-experience .office-team-grid,.office-experience .office-member-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.office-experience .office-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.office-experience .office-team-grid,.office-experience .office-member-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-experience .office-publication-grid{grid-template-columns:minmax(0,1fr)}.office-experience .office-cover-preview{max-width:480px;width:100%}.office-experience .office-settings-section{padding:20px}.office-experience .office-hero{align-items:flex-start}.office-experience .office-hero .office-status{align-self:flex-start}}
@media(max-width:520px){.office-experience .office-hero{flex-direction:column;gap:18px}.office-experience .office-team-grid,.office-experience .office-member-grid,.office-experience .office-index-grid{grid-template-columns:minmax(0,1fr)}.office-experience .office-pixel-frame{height:420px}.office-experience .office-map-heading,.office-experience .office-map-caption{padding:16px}.office-experience .office-filter-bar,.office-experience .office-form-grid,.office-experience .office-template-manage{grid-template-columns:minmax(0,1fr)}.office-experience .office-pagination{flex-wrap:wrap}.office-experience .office-pagination>span{order:-1;flex-basis:100%;text-align:center}.office-experience .office-button{max-width:100%}.office-experience .office-section-heading{gap:12px}.office-experience .office-settings-section{padding:16px}.office-experience .office-customization{padding:14px}.office-experience .office-tabs a{padding:9px 12px}.office-experience .office-hero p{font-size:12px;gap:8px}.office-experience .office-member-card .office-photo.member{aspect-ratio:1/1}.office-experience .office-activity-table{display:block}.office-experience .office-activity-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.office-experience .office-activity-table tbody{display:block}.office-experience .office-activity-table tr{display:flex;flex-direction:column;padding:18px;border-top:1px solid var(--office-line);gap:10px}.office-experience .office-activity-table td{display:block;border:0;padding:0}.office-experience .office-activity-table td:last-child{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.office-experience *{scroll-behavior:auto!important;transition:none!important}}

.office-experience .admin-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px}.office-experience :is(.office-danger-zone,.office-connection)>summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:13px;font-weight:600}

.office-experience .office-field{display:grid;gap:9px}.office-experience .office-field small{color:var(--office-muted);font-size:11px}