/* Shared, responsive presentation for the studio modules. */
.module-workspace { --mw-ink:#17384c; --mw-muted:#637887; --mw-line:#dfe8ed; --mw-teal:#0f766e; }
.module-workspace .app-shell > .mw-page { max-width:none; margin-top:0!important; padding-left:0; padding-right:0; }
.mw-nav-shell { display:flex; align-items:center; gap:.4rem; min-width:0; max-width:100%; margin:0 0 1.25rem; padding:.55rem; border:1px solid var(--mw-line); border-radius:18px; background:rgba(255,255,255,.95); }
.mw-nav-track { display:flex; position:relative; flex:1 1 0; gap:.55rem; min-width:0; overflow-x:auto; scrollbar-width:none; overscroll-behavior-x:contain; }
.mw-nav-track::-webkit-scrollbar { display:none; }
.module-workspace .mw-nav-track .btn { flex:0 0 auto; white-space:nowrap; border:1px solid var(--mw-line); color:#365468; background:#fff; }
.module-workspace .mw-nav-track .btn.active { color:#fff; background:var(--mw-ink); border-color:var(--mw-ink); }
.mw-nav-arrow { display:grid; place-items:center; flex:0 0 38px; width:38px; height:44px; border:1px solid var(--mw-line); border-radius:11px; color:var(--mw-ink); background:#fff; }
.mw-nav-arrow:disabled { opacity:.35; }
.mw-nav-arrow:hover:not(:disabled) { background:#edf6f5; }
.mw-hero { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; padding:1.65rem 1.8rem; margin-bottom:1rem; border-radius:20px; background:linear-gradient(115deg,#122e40,#194f63 70%,#276956); color:#fff; }
.mw-hero h1 { margin:0 0 .6rem; color:#fff; font-size:clamp(1.5rem,2.7vw,2.05rem); font-weight:750; letter-spacing:-.03em; }
.mw-hero p { margin:0; max-width:65ch; font-size:.9375rem; line-height:1.7; color:rgba(255,255,255,.85); }
.mw-hero .page-kicker { color:#fff; font-size:.75rem; letter-spacing:.1em; margin-bottom:.6rem; }
.mw-hero-actions { display:flex; flex:0 0 auto; justify-content:flex-end; flex-wrap:wrap; gap:.6rem; max-width:42%; }
.mw-customer-identity { display:flex; align-items:center; flex-wrap:wrap; gap:.6rem 1rem; margin-top:1rem; font-size:.875rem; overflow-wrap:anywhere; }
.mw-customer-identity span { color:rgba(255,255,255,.85); }
.mw-guide { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.7rem; list-style:none; padding:0; margin:0 0 1.7rem; }
.mw-guide li { display:flex; align-items:center; min-width:0; gap:.6rem; padding:.85rem 1rem; border:1px solid var(--mw-line); border-radius:11px; background:#fff; color:var(--mw-muted); font-size:.875rem; }
.mw-guide li > span { display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border-radius:7px; background:#eaf4f3; color:var(--mw-teal); font-size:.75rem; font-weight:700; }
.module-workspace .app-shell .btn { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-height:44px; padding:.55rem .8rem; border-radius:10px; font-size:.875rem; white-space:normal; }
.module-workspace .card,.module-workspace .tool-card { border:1px solid var(--mw-line); border-radius:16px; box-shadow:none!important; min-width:0; }
.module-workspace .card-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.7rem; padding:1rem 1.2rem; border-bottom:1px solid var(--mw-line); border-radius:16px 16px 0 0; background:#fafcfd!important; color:var(--mw-ink)!important; font-size:1rem; font-weight:650; }
.module-workspace .card-body { min-width:0; padding:1.2rem; }
.module-workspace .mw-history-columns > div > .card.h-100 { height:auto!important; }
.module-workspace .tool-stat { min-width:0; height:100%; display:flex; flex-direction:column; gap:.35rem; padding:1.15rem; border:1px solid var(--mw-line); border-radius:14px; box-shadow:none; background:#fff; }
.module-workspace .tool-stat strong { font-size:clamp(1.2rem,2vw,1.65rem); overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.module-workspace .metric-label { font-size:.75rem; color:var(--mw-muted); }
.module-workspace .tool-stat small { font-size:.8125rem; color:var(--mw-muted); }
.module-workspace .form-control,.module-workspace .form-select { min-height:44px; min-width:0; border-color:#d9e4e9; border-radius:10px; font-size:.9375rem; }
.module-workspace label.form-label,.module-workspace .form-text { font-size:.875rem!important; line-height:1.6; color:var(--mw-muted); }
.module-workspace .input-group > .btn { flex:0 0 auto; width:auto; }
.module-workspace .input-group > .form-control { min-width:0; }
.module-workspace .table { font-size:.875rem; }
.module-workspace .table th { background:#f4f8f9; padding:.9rem; color:var(--mw-muted); font-size:.75rem; }
.module-workspace .table td { padding:1rem .9rem; overflow-wrap:anywhere; }
.module-workspace .table .badge { max-width:100%; white-space:normal; line-height:1.6; border-radius:7px; }
.module-workspace .mw-note,.module-workspace .mw-order-items { display:block; max-width:240px; white-space:normal; line-height:1.7; overflow-wrap:anywhere; }
.module-workspace .app-shell .row-primary-actions > .btn { width:auto; min-width:44px; height:auto; padding:.55rem .7rem; flex:0 0 auto; white-space:nowrap; }
.module-workspace .app-shell .row-primary-actions > [data-row-actions-toggle] { width:44px; padding:.45rem; }
.module-workspace .card-footer > .d-flex { flex-wrap:wrap; gap:1rem; }
.module-workspace .save-ribbon { position:sticky; bottom:0; margin:1.5rem 0 0; border:1px solid var(--mw-line); border-radius:14px; padding:1rem; box-shadow:0 -5px 15px rgba(16,42,67,.05); }
.module-workspace .save-ribbon > .container { padding:0; }
.module-workspace .action-ribbon { position:static; border:1px solid var(--mw-line); border-radius:14px; box-shadow:none; margin-top:1.5rem; padding:1rem; }
.module-workspace details > summary { cursor:pointer; }
.module-workspace .mw-context { padding:1rem 1.2rem; border:1px solid #d6e8e5; border-radius:13px; background:#f1f8f6; color:var(--mw-muted); font-size:.875rem; line-height:1.7; margin-bottom:1.25rem; }
.module-workspace .app-shell a:focus-visible,.module-workspace .app-shell button:focus-visible,.module-workspace summary:focus-visible { outline:3px solid #14b8a6; outline-offset:3px; }
@media(max-width:991.98px) {
    .mw-hero { flex-direction:column; align-items:flex-start; padding:1.4rem; gap:1rem; }
    .mw-hero-actions { max-width:none; justify-content:flex-start; }
    .module-workspace .mw-profile-columns > .col-md-5,.module-workspace .mw-profile-columns > .col-md-7 { width:100%; }
    .module-workspace .mw-history-columns > .col-md-4,.module-workspace .mw-history-columns > .col-md-8 { width:100%; }
    .module-workspace .tool-table .table,.module-workspace .tool-table tbody,.module-workspace .tool-table tr { display:block; width:100%; }
    .module-workspace .tool-table thead { display:none; }
    .module-workspace .tool-table tr { border-bottom:1px solid var(--mw-line); padding:.6rem; }
    .module-workspace .tool-table td[data-label] { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:.6rem; width:100%; padding:.45rem; border:0; text-align:left!important; }
    .module-workspace .tool-table td[data-label]::before { content:attr(data-label); color:var(--mw-muted); font-size:.75rem; font-weight:600; width:auto; float:none; }
    .module-workspace .tool-table td[data-label] > * { grid-column:2; min-width:0; }
    .module-workspace .tool-table td[data-label="Actions"] { grid-template-columns:1fr; }
    .module-workspace .tool-table td[data-label="Actions"] > * { grid-column:1; }
    .module-workspace .tool-table .action-button-row { justify-content:flex-start!important; }
    .module-workspace .save-ribbon { bottom:85px!important; }
}
@media(max-width:767.98px) {
    .mw-nav-shell { position:sticky; top:72px; z-index:20; padding:.4rem; gap:.25rem; }
    .mw-nav-arrow { flex-basis:30px; width:30px; }
    .mw-hero { padding:1.25rem; border-radius:16px; }
    .mw-hero-actions { width:100%; }
    .mw-hero-actions > .btn { flex:1 1 130px; }
    .mw-guide { grid-template-columns:1fr; gap:.35rem; }
    .mw-guide li { padding:.6rem .8rem; }
    .module-workspace .card-body { padding:1rem; }
    .module-workspace .mw-search-group > button[type="submit"] { flex-basis:100%; margin-top:.5rem; border-radius:10px!important; }
    .module-workspace .mw-history-stats > * { width:100%; }
    .module-workspace .pagination { flex-wrap:wrap; }
}
.module-workspace .app-shell > .container { max-width:none!important; padding-left:0; padding-right:0; }
.module-workspace .app-shell .mw-action-bar { display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; padding:1rem; margin-bottom:1.25rem; border:1px solid var(--mw-line); border-radius:14px; background:#fff; }
.module-workspace .mw-identity { margin-top:.8rem; font-size:.875rem; color:#fff; overflow-wrap:anywhere; }
.module-workspace .mw-hero > div:first-child { min-width:0; }
.module-workspace .mw-nav-track .btn { white-space:nowrap; flex:0 0 auto; }
.module-workspace .form-check,.module-workspace label,.module-workspace label span { min-width:0; overflow-wrap:anywhere; }
.module-workspace .form-check-input { flex-shrink:0; }
.module-workspace .d-flex { min-width:0; }
.module-workspace .handoff-card,.module-workspace .detail-tile { overflow-wrap:anywhere; min-width:0; }
.module-workspace .mw-record-table td[data-label] { overflow-wrap:anywhere; }
.module-workspace .calendar-card .card-body { min-height:320px; }
.module-workspace .fc .fc-button { min-height:44px; }
.module-workspace .auth-main { display:block; width:100%; max-width:1180px; margin:auto; padding:1.5rem 1rem 2rem; }
.module-workspace .login-card { margin:0 auto; width:100%; max-width:520px; padding:1.5rem; }
.module-workspace .login-card .auth-badge { width:44px; height:44px; font-size:1.2rem; }
.module-workspace.mw-public .app-shell { padding-top:1.5rem; }
.module-workspace.mw-public .mw-nav-shell { position:static; }
.module-workspace.mw-public .mw-guide { display:none; }
.module-workspace .mw-reference .mw-hero h1 { font-size:clamp(1.5rem,2.7vw,2rem); }
.module-workspace .mw-reference [id] { scroll-margin-top:1rem; }
.module-workspace .mw-public-breadcrumbs { display:flex; flex-wrap:wrap; gap:.65rem; list-style:none; margin:0 0 1rem; padding:1rem; border:1px solid var(--mw-line); border-radius:14px; background:#fff; font-size:.875rem; }
.module-workspace .mw-public-breadcrumbs li+li::before { content:'/'; padding-right:.65rem; color:var(--mw-muted); }
@media(max-width:991.98px) {
    .module-workspace .mw-record-table .table,.module-workspace .mw-record-table tbody,.module-workspace .mw-record-table tr { display:block; width:100%; }
    .module-workspace .mw-record-table thead { display:none; }
    .module-workspace .mw-record-table tr { border-bottom:1px solid var(--mw-line); padding:.6rem; }
    .module-workspace .mw-record-table td[data-label] { display:grid; grid-template-columns:100px minmax(0,1fr); align-items:center; gap:.6rem; width:100%; padding:.45rem; border:0; text-align:left!important; }
    .module-workspace .mw-record-table td[data-label]::before { content:attr(data-label); color:var(--mw-muted); font-size:.75rem; font-weight:600; width:auto; float:none; }
    .module-workspace .mw-record-table td[data-label] > * { grid-column:2; min-width:0; }
    .module-workspace .mw-record-table td[data-label="Actions"],.module-workspace .mw-record-table td[data-label="Action"] { grid-template-columns:1fr; }
    .module-workspace .mw-record-table td[data-label="Actions"] > *,.module-workspace .mw-record-table td[data-label="Action"] > * { grid-column:1; }
    .module-workspace .fc .fc-header-toolbar { flex-wrap:wrap; gap:.75rem; }
    .module-workspace .fc-header-toolbar .fc-toolbar-chunk:nth-child(2) { order:-1; width:100%; }
}
@media(max-width:575.98px) {
    .module-workspace .form-control,.module-workspace .form-select { font-size:1rem; }
    .module-workspace .mw-hero-actions > .btn { flex-basis:100%; }
    .module-workspace .mw-action-bar > * { flex:1 1 130px; }
    .module-workspace .mw-action-bar form .btn { width:100%; }
    .module-workspace .mw-record-table .btn { width:auto; }
    .module-workspace .fc .fc-toolbar-title { font-size:1.1rem!important; }
    .module-workspace .fc .fc-button { padding:.4rem .55rem; font-size:.875rem; }
}
@media print { .mw-nav-shell,.mw-hero,.mw-guide,.module-workspace .save-ribbon,.module-workspace .action-ribbon { display:none!important; } }

.module-workspace .finance-shell,.module-workspace .staff-shell,.module-workspace .lead-shell { min-width:0; gap:0; }
.module-workspace .finance-panel,.module-workspace .social-card,.module-workspace .action-card { min-width:0; border:1px solid var(--mw-line); border-radius:16px; box-shadow:none; }
.module-workspace .finance-stat,.module-workspace .social-stat { min-width:0; padding:1rem; border-radius:14px; box-shadow:none; }
.module-workspace .finance-stat strong,.module-workspace .social-stat strong { font-size:clamp(1.2rem,2vw,1.65rem); overflow-wrap:anywhere; }
.module-workspace .social-workflow,.module-workspace .social-setup-item,.module-workspace .info-card { min-width:0; overflow-wrap:anywhere; }
.module-workspace .social-copy-source { left:0; width:1px; height:1px; padding:0; border:0; overflow:hidden; clip-path:inset(50%); }
.module-workspace [id^="social-"] { scroll-margin-top:160px; }
.module-workspace .social-copy-kit .btn,.module-workspace .social-post-actions .btn { min-height:44px; }
.module-workspace .finance-period-filter,.module-workspace .finance-custom-dates { min-width:0; flex-wrap:wrap; }
.module-workspace .staff-content-card h4 { font-size:clamp(1rem,2vw,1.4rem); overflow-wrap:anywhere; }
.module-workspace .lead-shell .row,.module-workspace .staff-shell .row { margin-bottom:1rem; }
@media(max-width:991.98px) {
    .module-workspace .social-grid { grid-template-columns:minmax(0,1fr); }
    .module-workspace .finance-panel-head { flex-wrap:wrap; gap:.7rem; }
    .module-workspace .mw-record-table tfoot,.module-workspace .mw-record-table tfoot tr { display:block; width:100%; }
    .module-workspace .mw-record-table tfoot td { display:inline-block; width:auto; border:0; }
}
@media(max-width:575.98px) {
    .module-workspace .finance-stats { grid-template-columns:minmax(0,1fr); }
    .module-workspace .finance-custom-dates { display:grid; grid-template-columns:minmax(0,1fr); width:100%; }
    .module-workspace .finance-custom-dates .form-control { width:100%; }
    .module-workspace .staff-content-card .row.text-center > .col-4 { width:100%; border-right:0!important; padding:.7rem; }
    .module-workspace .social-form-grid { grid-template-columns:minmax(0,1fr); }
    .module-workspace .social-post-actions form { max-width:100%; }
    .module-workspace .info-card .value { overflow-wrap:anywhere; }
}

.module-workspace .settings-shell,.module-workspace .dashboard-workspace { min-width:0; }
.module-workspace .dashboard-workspace .mw-hero .btn { color:#17384c; }
.module-workspace .dashboard-workspace .mw-hero .mw-identity { color:#fff; }
.module-workspace .measurement-snapshot { min-width:0; overflow-wrap:anywhere; }
.module-workspace .app-shell pre { white-space:pre-wrap; overflow-wrap:anywhere; }
.module-workspace .app-shell code { overflow-wrap:anywhere; }
@media(max-width:991.98px) {
    .module-workspace .settings-shell .row > .col-md-8,.module-workspace .settings-shell .row > .col-md-4 { width:100%; }
    .module-workspace .app-shell section.position-sticky { position:static!important; }
}