/* Layout final da identidade FalaVet Pro */
      .login-card {
        width: min(100%, 1460px, calc((100vh - 68px) * 1.527));
        aspect-ratio: 1.527;
        min-height: 0;
      }
      .login-brand-panel {
        min-height: 0;
        justify-content: flex-start;
        padding: 0;
        background: #061b33;
      }
      .login-brand-panel::before { display:none; }
      .login-brand-logo {
        position:absolute;
        left:8%;
        top:15.7%;
        width:110%;
        max-width:none;
        height:auto;
        margin:0;
      }
      .login-brand-copy {
        position:absolute;
        left:11.7%;
        right:8%;
        top:38.5%;
        margin:0;
      }
      .login-form-panel {
        justify-content:flex-start;
        padding: clamp(82px, 13.7vh, 140px) 12.8% 40px;
      }
      .login-brand-kicker { font-size: clamp(12px, 1vw, 15px); margin-bottom: 16px; }
      .login-brand-copy h2 { font-size: clamp(28px, 2.5vw, 44px); margin-bottom: 18px; }
      .login-brand-copy p { font-size: clamp(15px, 1.35vw, 20px); line-height: 1.55; }
      .login-form-panel h1 { font-size: clamp(25px, 2.1vw, 40px); }
      .login-form-panel > .subtitle { font-size: clamp(15px, 1.25vw, 19px); }
      .login-form-mark { width: clamp(72px, 10.5vh, 108px); height: clamp(72px, 10.5vh, 108px); margin-bottom: 24px; }
      .login-card input { min-height: clamp(44px, 6.05vh, 62px); padding-top: 10px; padding-bottom: 10px; }
      .login-card button { min-height: clamp(44px, 6.05vh, 62px); }
      .login-field { margin-top: 18px; }
      .login-field + .login-field { margin-top: 14px; }
      .login-actions { margin-top: 16px; }
      .login-divider { margin: 22px 0 16px; }

      #masterScreen.page { padding: 14px; }
      #masterScreen .master-shell { max-width: none; }
      #masterScreen .master-topbar {
        min-height: 234px;
        margin-bottom: 24px !important;
        padding: 34px 36px 34px 16px;
        border-radius: 20px;
        border: 1px solid rgba(255,255,255,.06);
        background:
          #061b33;
        box-shadow: 0 13px 28px rgba(16,42,67,.18);
      }
      #masterScreen .master-layout.editing-client .master-topbar,
      #masterScreen .master-layout.editing-client > .master-shell > .master-system-status { display:none; }
      #masterScreen .master-layout.editing-client #masterEditor { padding-top:18px; }
      #masterScreen .master-brand { gap: 38px; }
      #masterScreen .master-brand-logo {
        width: 525px;
        max-width:none;
        height: auto;
        margin-right:-150px;
      }
      #masterScreen .master-brand-copy {
        min-width: 480px;
        padding-left: 44px;
        border-left-color: rgba(255,255,255,.32);
      }
      .master-brand-kicker {
        margin-bottom: 14px;
        color: #19b9b1;
        font-size: 17px;
        font-weight: 900;
        letter-spacing: .08em;
        text-transform: uppercase;
      }
      #masterScreen .master-brand-copy h1 {
        margin-bottom: 10px;
        font-size: 42px;
        line-height: 1.08;
      }
      #masterScreen .master-brand-copy .subtitle {
        margin-top: 0;
        color: rgba(255,255,255,.82);
        font-size: 19px;
      }
      .master-account {
        display: grid;
        gap: 27px;
        justify-items: end;
      }
      .master-account-line {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #fff;
        font-size: 17px;
      }
      .master-account-icon {
        width: 38px;
        height: 38px;
        display: grid;
        place-items: center;
        border: 3px solid #18b8b1;
        border-radius: 50%;
        color: #18b8b1;
      }
      .master-account-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.7; }
      #masterScreen #masterBadge {
        padding: 0;
        border: 0;
        background: transparent;
        color: #fff;
        font-size: 17px;
        font-weight: 500;
      }
      .master-overview-button,
      .master-exit-button {
        min-height: 72px;
        padding: 17px 30px;
        border-radius: 14px;
        color: #fff;
        font-size: 20px;
      }
      .master-overview-button { background: linear-gradient(135deg, #0c9e99, #11b5a8); }
      .master-exit-button { background: transparent; border: 1px solid rgba(255,255,255,.40); color: rgba(255,255,255,.84); }
      .master-overview-button svg,
      .master-exit-button svg { width:25px; height:25px; margin-right:8px; fill:none; stroke:currentColor; stroke-width:1.8; vertical-align:-6px; }
      .master-system-status {
        min-height: 94px;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
        padding: 22px 70px 22px 94px;
        border: 1px solid rgba(24,166,166,.22);
        border-left: 1px solid rgba(24,166,166,.22);
        border-radius: 17px;
        background: linear-gradient(90deg, #f0fbfa, #f7fcfc);
        color: #0f5f5a;
        font-size: 20px;
        position: relative;
      }
      .master-system-status::before {
        content:'✓';
        position:absolute;
        left:36px;
        width:38px;
        height:38px;
        display:grid;
        place-items:center;
        border-radius:50%;
        background:#138b82;
        color:#fff;
        font-weight:900;
      }
      .master-system-status::after {
        content:'×';
        position:absolute;
        right:38px;
        color:#168c85;
        font-size:34px;
        font-weight:300;
      }
      .master-system-status.error {
        border-color: rgba(185,28,28,.28);
        background:#fff5f5;
        color:#991b1b;
      }
      .master-system-status.error::before { content:'!'; background:#b91c1c; }
      .master-system-status.error::after { color:#b91c1c; }

      #appScreen.page { padding: 10px 14px; }
      #appScreen > .shell {
        width: 100%;
        max-width: none;
        display: grid;
        grid-template-columns: 330px minmax(0, 1fr);
        grid-template-areas:
          "client-sidebar client-header"
          "client-sidebar client-work";
        align-items: stretch;
        border-radius: 20px;
      }
      #appScreen .main { display: contents; }
      #appScreen .app-topbar {
        grid-area: client-header;
        min-height: 154px;
        padding: 28px 38px;
        align-items: center;
        background: #fff;
      }
      #appScreen .app-topbar h1 { font-size: 36px; letter-spacing: -.03em; }
      #appScreen .tenant-header-identity { min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px; }
      #appScreen .tenant-header-logo { display:none;max-width:300px;max-height:82px;width:auto;height:auto;object-fit:contain;object-position:center;background:transparent;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 1px 2px rgba(6,27,51,.28)); }
      #appScreen .tenant-header-identity.has-logo .tenant-header-logo { display:block; }
      #appScreen .tenant-header-identity.has-logo h1 { display:none; }
      #appScreen .app-topbar .subtitle { max-width: 580px; font-size: 15px; line-height: 1.55; }
      #appScreen .app-topbar .top-actions { flex-wrap: nowrap; }
      #appScreen .app-topbar .badge {
        padding: 12px 17px;
        border-radius: 12px;
        background: #dbe3f2;
      }
      #appScreen .app-user-badge { display:grid;gap:2px;min-width:190px;text-align:left; }
      #appScreen .app-user-badge strong { color:var(--azul-escuro);font-size:14px;line-height:1.2; }
      #appScreen .app-user-badge span { color:#64748b;font-size:11px;font-weight:650;line-height:1.2;overflow-wrap:anywhere; }
      #appScreen .app-topbar .btn-light {
        min-width: 62px;
        min-height: 62px;
        padding: 10px;
        border: 1px solid var(--borda);
        background: #fff;
      }
      #appScreen .app-exit-button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
      #appScreen .app-exit-button svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
      #appScreen .app-exit-button span { font-size:12px; }
      #appScreen .sidebar {
        grid-area: client-sidebar;
        min-height: calc(100vh - 20px);
        padding: 0 18px 22px;
        border: 0;
        border-right: 1px solid rgba(255,255,255,.14);
        background:
          radial-gradient(circle at 45% 0%, rgba(0,191,166,.12), transparent 32%),
          linear-gradient(180deg, #061b33 0%, #082d4c 55%, #061b33 100%);
        color: #fff;
      }
      .tenant-sidebar-brand {
        min-height: 154px;
        display: grid;
        place-items: center;
        margin: 0 -18px 24px;
        padding: 20px 26px;
        border-bottom: 1px solid rgba(255,255,255,.13);
      }
      #appScreen .tenant-sidebar-brand .logo {
        width: 112%;
        max-width: 290px;
        max-height: 120px;
        object-fit: contain;
        filter: drop-shadow(0 5px 12px rgba(0,0,0,.16));
      }
      #appScreen .sidebar h2 { color:#fff; font-size:18px; margin:0 4px 15px; }
      #appScreen .history-tools { gap:14px; margin-bottom:18px; }
      #appScreen .history-tools input {
        min-height: 44px;
        border-color: rgba(255,255,255,.35);
        background: rgba(5,30,51,.40);
        color:#fff;
      }
      #appScreen .history-search { position:relative; }
      #appScreen .history-search svg { position:absolute; left:13px; top:50%; transform:translateY(-50%); width:18px; height:18px; fill:none; stroke:rgba(255,255,255,.78); stroke-width:1.8; pointer-events:none; }
      #appScreen .history-search input { padding-left:40px; }
      #appScreen .history-tools input::placeholder { color:rgba(255,255,255,.72); }
      #appScreen .history-tools button { min-height:50px; font-size:16px; background:linear-gradient(135deg,#07967f,#0bb49e); }
      #appScreen .history-list {
        max-height: none;
        padding-right: 0;
        gap:14px;
      }
      #appScreen .history-list > .small { color:rgba(255,255,255,.68); }
      #appScreen .history-retention-note { margin:10px 2px 14px;color:rgba(255,255,255,.72);font-size:12px;line-height:1.5; }
      #appScreen .history-item {
        position: relative;
        padding: 16px 34px 16px 16px;
        border-color: rgba(22,189,178,.72);
        border-radius: 13px;
        background: rgba(5,35,59,.42);
        color:#fff;
      }
      #appScreen .history-item::after {
        content:'›';
        position:absolute;
        right:15px;
        top:14px;
        color:#fff;
        font-size:28px;
      }
      #appScreen .history-item.active {
        border-color:#21c7bb;
        box-shadow: inset 3px 0 0 #18b8b1, 0 0 0 1px rgba(24,184,177,.15);
      }
      #appScreen .history-title { color:#fff; font-size:15px; }
      #appScreen .history-meta { color:rgba(255,255,255,.88); font-size:12px; line-height:1.72; }
      #appScreen .work {
        grid-area: client-work;
        min-width: 0;
        padding: 20px 34px 34px;
        background:#fff;
      }
      #appScreen .card {
        padding: 20px;
        margin-bottom: 14px;
        border-radius: 15px;
      }
      #appScreen .grid-4 { grid-template-columns: repeat(4, minmax(0,1fr)); gap:20px; }
      #appScreen .grid-5 { grid-template-columns: repeat(5, minmax(0,1fr)); gap:20px; }
      #appScreen .grid-5 {
        grid-template-columns: repeat(5, minmax(0,1fr));
        width:100%;
        max-width:none;
      }
      #appScreen input,
      #appScreen select { min-height:46px; }
      #appScreen .wave {
        height:62px;
        margin:16px 0;
        background:#fff;
      }
      #appScreen .bar { width:6px; background:#099786; }
      #appScreen .audio-parts { gap:7px;margin-top:9px; }
      #appScreen .audio-part { border-radius:10px;background:#fff;padding:7px 9px; }
      #appScreen .audio-part-header { min-height:22px;margin-bottom:3px;font-size:11px; }
      #appScreen .audio-part-meta { gap:6px;font-size:10px; }
      #appScreen .audio-part-delete { min-width:25px;width:25px;height:25px;padding:0;overflow:hidden;color:transparent;background:transparent;position:relative; }
      #appScreen .audio-part-delete::before { content:'×';position:absolute;inset:0;display:grid;place-items:center;border:1px solid #dc2626;border-radius:6px;color:#dc2626;font-size:18px;font-weight:900; }
      #appScreen .audio-player { min-height:38px;grid-template-columns:34px 42px minmax(120px,1fr) 42px 44px 82px;gap:6px;background:#f6f8f9;border:0;padding:4px 6px;border-radius:9px; }
      #appScreen .audio-player button { min-width:0;min-height:30px;height:30px;padding:4px 6px;border-radius:8px;font-size:10px; }
      #appScreen .audio-play { font-size:13px; }
      #appScreen .audio-speed { min-width:0!important; }
      #appScreen .audio-time { min-width:0;font-size:10px; }
      #appScreen .audio-seek { height:20px; }
      #appScreen .audio-play { background:#079b86; }
      #appScreen .audio-seek { accent-color:#079b86; }
      #appScreen .file-import { margin-top:14px; }
      #appScreen .tabs {
        display:grid;
        grid-template-columns:repeat(6,minmax(0,1fr));
        gap:16px;
        align-items:center;
      }
      #appScreen .tab {
        min-height:42px;
        padding:9px 12px;
        border-radius:11px;
        background:#f4f6f9;
        color:#1f3551;
        white-space:nowrap;
      }
      #appScreen .tab span { margin-right:6px; }
      #appScreen .tab.active { background:#eef1ff; color:#3152dd; }
      #appScreen .tab.tab-pdf { background:#078b77; color:#fff; }
      #appScreen .panel .button-row { gap:16px; }
      #appScreen #panelTranscricao .btn-blue { background:linear-gradient(135deg,#3157ef,#435ff0); }
      #appScreen #status { margin-bottom:0; }
      #appScreen .app-usage-footer { display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:13px 16px;border-top:1px solid var(--borda);color:#64748b;font-size:12px; }
      #appScreen .app-usage-footer strong { color:var(--azul-escuro);font-size:13px; }

      @media (max-width: 1300px) and (min-width: 981px) {
        #masterScreen .master-topbar { min-height: 200px; padding: 28px 30px; }
        #masterScreen .master-brand { gap: 24px; }
        #masterScreen .master-brand-logo { width: 475px; margin-right:-180px; }
        #masterScreen .master-brand-copy { min-width: 350px; padding-left: 28px; }
        #masterScreen .master-brand-copy h1 { font-size: 35px; }
        #masterScreen .master-brand-copy .subtitle { font-size: 16px; }
        .master-brand-kicker { font-size: 14px; }
        .master-account { gap: 18px; }
        .master-account-line { font-size: 14px; }
        #masterScreen #masterBadge { font-size: 14px; }
        .master-overview-button, .master-exit-button { min-height: 60px; padding: 13px 22px; font-size: 16px; }
        .master-overview-button { min-width:180px; }
        .master-exit-button { min-width:116px; }
        .master-system-status { min-height:76px; padding-top:16px; padding-bottom:16px; font-size:16px; }
        #appScreen > .shell { grid-template-columns: 300px minmax(0,1fr); }
        #appScreen .work { padding-left:24px; padding-right:24px; }
        #appScreen .grid-4, #appScreen .grid-5 { gap:12px; }
        #appScreen .tabs { gap:8px; }
      }

      @media (max-width: 980px) {
        .login-card { grid-template-columns: 1fr; max-width: 520px; }
        .login-brand-panel { min-height: auto; padding: 30px; }
        .login-brand-logo { max-width: 350px; }
        .login-brand-copy { margin-top: 45px; }
        .login-brand-copy h2 { font-size: 23px; }
        .login-form-panel { padding: 36px 30px; }
        .login-brand-wave { display:none; }
        .master-brand-copy { display: none; }
        .master-brand-logo { max-width: 55vw; }
        .page { padding: 10px; }
        .topbar { align-items: flex-start; flex-direction: column; }
        .main { grid-template-columns: 1fr; }
        .sidebar { border-right: none; border-bottom: 1px solid #e5edf5; }
        .grid-5, .grid-4, .grid-3, .button-row, .master-grid, .master-summary { grid-template-columns: 1fr; }
        .master-form { grid-template-columns: 1fr; }
        .master-form .full { grid-column: auto; }
        .master-toolbar, .stepper, .pdf-workspace, .review-grid { grid-template-columns: 1fr; }
        .master-hero, .editor-head, .editor-footer { align-items: stretch; flex-direction: column; }
        .editor-footer-right { display: grid; }
        h1 { font-size: 25px; }
        .audio-player { grid-template-columns: auto auto minmax(90px, 1fr) auto; }
        .audio-speed { grid-column: 1 / 2; grid-row: 2; }
        .audio-time { grid-column: 2 / -1; grid-row: 2; justify-self: end; }
        #prontuarioActions, #retornoActions { grid-template-columns: 1fr !important; }
        .login-card { aspect-ratio:auto; }
        .login-brand-logo { margin-top:0; }
        .login-brand-copy { margin-bottom:0; }
        #masterScreen .master-topbar { min-height:auto; align-items:stretch; }
        #masterScreen .master-brand { width:100%; }
        #masterScreen .master-brand-copy { display:block; min-width:0; }
        #masterScreen .master-account { width:100%; justify-items:start; }
        #masterScreen .master-account .top-actions { justify-content:flex-start; }
        #appScreen > .shell { display:block; width:100%; }
        #appScreen .main { display:grid; }
        #appScreen .sidebar { min-height:0; }
        #appScreen .work { padding:18px; }
        #appScreen .grid-4, #appScreen .grid-5 { grid-template-columns:1fr; }
        #appScreen .tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
      }