:root { --ink:#172033; --muted:#64748b; --blue:#176eb7; --blue-soft:#e8f3fc; --line:#e4eaf1; --warn:#c24b16; --warn-soft:#fff2ea; --danger:#ae3131; --danger-soft:#fff0f0; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; color:var(--ink); background:radial-gradient(circle at 15% 8%,#dff2ff 0,transparent 32%),radial-gradient(circle at 85% 25%,#e5e3ff 0,transparent 30%),#f2f6fb; }
button { font:inherit; cursor:pointer; }
.map-link { color:var(--blue); text-decoration:none; }
@media print { @page { size:letter; margin:.35in; } body { background:#fff; font-size:10px; } .topbar { padding:0 0 8px; } .brand-logo { width:110px; height:40px; } .back,.avatar,.google-connect,.primary,.secondary,.text-button,.bottom-nav,dialog { display:none!important; } main { padding:0; } .client-header { margin:0 0 8px; } .client-header h1 { font-size:20px; } .finance-strip { grid-template-columns:repeat(5,1fr); } .finance-strip article,.panel { padding:8px; box-shadow:none; } .detail-grid,.attention-grid { gap:8px; margin-top:8px; } .client-sections { margin-top:8px; } .photo-preview { height:70px; } .photo-slots div { min-height:60px; padding:7px; } .check-row { padding:5px 0; } }
.topbar, main { max-width:1180px; margin:auto; }
.topbar { display:flex; align-items:center; justify-content:space-between; padding:32px 28px 24px; }
.brand-logo { display:block; width:190px; height:74px; object-fit:contain; object-position:left center; }
.google-connect { color:var(--blue); border:1px solid #bad8ed; background:#fff; border-radius:9px; padding:8px 13px; font-weight:700; text-decoration:none; }
.service-links { display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-left:auto; }
.service-links > a { color:var(--blue); background:#ffffffc9; border:1px solid #d5e6f3; border-radius:9px; padding:8px 11px; font-weight:700; font-size:.82rem; text-decoration:none; white-space:nowrap; }
.eyebrow { margin:0 0 4px; color:var(--blue); font-weight:800; font-size:.74rem; letter-spacing:.11em; }
.connection-status { margin:5px 0 0; color:var(--muted); font-size:.8rem; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:0; font-size:2rem; } h2 { margin-bottom:5px; font-size:1.35rem; } h3 { margin-bottom:0; font-size:1rem; }
.avatar { width:45px; height:45px; border:0; border-radius:50%; color:#fff; background:var(--blue); font-weight:800; }
main { padding:0 28px 92px; }
.summary { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.summary-card,.panel { background:#ffffffa8; backdrop-filter:blur(18px) saturate(145%); border:1px solid #ffffffd9; border-radius:20px; box-shadow:0 12px 35px #376fa11c, inset 0 1px #fff; }
.summary-card { min-height:96px; padding:14px 16px; display:flex; flex-direction:column; gap:4px; }
.summary-card span,.summary-card small,.panel p { color:var(--muted); }
.summary-card strong { font-size:1.35rem; } .summary-card small { font-size:.75rem; }
.summary-card:nth-child(1) { background:#edf7ff; border-color:#d4eafa; }.summary-card:nth-child(2) { background:#f0fbf5; border-color:#d6f0df; }.summary-card:nth-child(3) { background:#fff4ed; border-color:#f7d9c8; }
.alerts-panel { margin-top:16px; padding:17px 19px; border:1px solid #f2d7a7; border-radius:20px; background:#fffaf0cc; box-shadow:0 12px 35px #8d641514; }.alerts-panel h2 { color:#915b0c; }.alert-list { display:flex; flex-wrap:wrap; gap:9px; margin-top:12px; }.alert-item { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; min-width:min(100%,330px); flex:1; padding:10px 12px; color:var(--ink); text-decoration:none; border-radius:12px; background:#fff; border:1px solid #f0dcc1; }.alert-item strong { color:#9a5a07; }.alert-item span { color:var(--muted); font-size:.84rem; }.alert-item b { color:var(--blue); white-space:nowrap; font-size:.82rem; }.alert-item.team { background:#fff3f1; border-color:#f5c9c1; }.alert-item.team strong { color:#ae3d28; }.alert-item.pre { background:#eff8ff; border-color:#c8e2f6; }.alert-item.pre strong { color:#206da8; }
.summary-card.alert { background:var(--warn-soft); border-color:#ffd7bd; } .summary-card.alert strong { color:var(--warn); }
.summary-card.overdue { background:var(--danger-soft); border-color:#f6caca; } .summary-card.overdue strong { color:var(--danger); }
.section-head,.panel-title { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.section-head { margin:38px 0 16px; } .section-head p,.panel-title p { margin-bottom:0; color:var(--muted); font-size:.9rem; }
.action-controls { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }.action-controls .secondary { border-color:transparent; }.action-board { background:#f1efff; color:#5b4eb4; }.action-pending { background:#fff6df; color:#9a6512; }.action-alerts { background:#fff0e8; color:#b45821; }.action-photos { background:#eaf9f6; color:#17766b; }.action-refresh { background:#eef5fb; color:#32688e; }
.secondary { background:#fff; color:var(--blue); border:1px solid #bad8ed; border-radius:9px; padding:8px 13px; font-weight:700; }
.text-button { border:0; background:transparent; color:var(--blue); font-weight:700; }
.attention-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.panel { padding:19px; }.overdue-panel { margin-top:16px; }
.board-panel { margin-top:16px; }.board { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:13px; margin-top:16px; }.post-it { min-height:145px; padding:16px; border-radius:6px 15px 9px 13px; background:linear-gradient(135deg,#fff5a8,#ffeb7b); box-shadow:7px 10px 18px #7c6f1720; transform:rotate(-.5deg); display:flex; flex-direction:column; gap:7px; }.post-it:nth-child(3n+2) { background:linear-gradient(135deg,#d9f6ff,#b9e8fb); transform:rotate(.7deg); }.post-it:nth-child(3n) { background:linear-gradient(135deg,#ffe1ed,#ffc7dc); transform:rotate(-.8deg); }.post-it time { font-weight:800; color:#475569; font-size:.78rem; }.post-it strong { line-height:1.2; }.post-it p { margin:0; color:#334155; font-size:.93rem; }.board-check { display:flex; align-items:center; gap:8px; margin-top:auto; font-weight:800; color:#334155; font-size:.83rem; cursor:pointer; }.board-check input { width:19px; height:19px; accent-color:#178144; }
.checklist-card { min-height:230px; }.checklist { display:grid; gap:5px; margin-top:4px; }.checklist .board-check { margin:0; display:grid; grid-template-columns:20px 1fr auto; gap:7px; align-items:center; }.checklist .board-check small { font-size:.71rem; color:#53657b; font-weight:700; }.checklist .not-applicable { opacity:.55; cursor:default; }.board-complete { margin-top:auto; width:100%; padding:8px 10px; border-radius:10px; border:1px solid #198754; background:#198754; color:#fff; font-weight:900; }.board-complete:disabled { border-color:#c8d1dc; background:#e8edf3; color:#7b8796; cursor:default; }
.extra-tasks { display:grid; gap:5px; margin-top:10px; padding-top:8px; border-top:1px dashed #a7b3c2; }.extra-tasks p { margin:0; font-size:.75rem; font-weight:900; color:#53657b; text-transform:uppercase; letter-spacing:.05em; }.extra-tasks .board-check { margin:0; display:grid; grid-template-columns:20px 1fr auto; gap:7px; align-items:center; }
.delivery-filters { display:flex; gap:9px; margin:0 0 16px; }.delivery-list { display:grid; gap:12px; }.delivery-card { color:var(--ink); text-decoration:none; display:flex; justify-content:space-between; gap:20px; padding:18px 20px; border-radius:16px; background:#fff8e7; border:1px solid #f5d9a0; box-shadow:0 8px 22px #7c6f1717; }.delivery-card.complete { background:#effbf3; border-color:#bfe7cb; }.delivery-card time,.delivery-card p,.delivery-card small { color:var(--muted); }.delivery-card h2 { margin:4px 0; }.delivery-card p { margin:0; }.delivery-card > strong { color:var(--warn); text-align:right; font-size:1.25rem; white-space:nowrap; }.delivery-card.complete > strong { color:#187242; }.delivery-card small { font-weight:600; font-size:.72rem; }
.delivery-card.late { background:#fff1ee; border-color:#fec5b8; }.late-badge { display:inline-block; margin-left:.4rem; padding:.15rem .45rem; border-radius:999px; background:#ffe0da; color:#bf3d1f; font-size:.72rem; vertical-align:middle; }
.pre-session-panel { margin-top:16px; border-color:#f5d7a8; background:#fffaf0; }
.list { margin-top:12px; }.row { display:grid; grid-template-columns:48px 42px 1fr auto; gap:12px; align-items:center; padding:13px 0; border-top:1px solid var(--line); }
.row-link { color:inherit; text-decoration:none; }.row-link:hover { background:#f8fafc; margin:0 -8px; padding-left:8px; padding-right:8px; border-radius:8px; }
.row:first-child { border-top:0; }.date { color:var(--blue); background:var(--blue-soft); border-radius:9px; padding:6px 4px; text-align:center; font-size:.7rem; font-weight:800; }.date b { display:block; font-size:1.05rem; }
.row strong,.row small { display:block; }.row small { color:var(--muted); margin-top:3px; }.amount { font-weight:800; text-align:right; }.amount.due { color:var(--danger); }
.row-thumb { width:42px; height:42px; border-radius:50%; object-fit:cover; border:1px solid rgba(148,163,184,.34); background:#e2e8f0; }.row-thumb-empty { display:block; opacity:0; }.event-type { display:inline-block; margin-left:.35rem; padding:.12rem .45rem; border-radius:999px; color:#1c6cb7; background:rgba(79,161,235,.12); font-size:.72rem; font-style:normal; font-weight:700; vertical-align:middle; }
.studio-session #pre-session-row, .studio-session #itinerary-panel, .studio-session .full-details-panel, #session-type-row, #session-notes-row, #delivery-date-row { display:none; }
#session-fields { display:none; }.studio-session #session-type-row, .studio-session #session-notes-row, .studio-session #delivery-date-row, .studio-session #session-fields { display:block; }.studio-session #session-fields label { display:block; margin-top:.75rem; }
.bottom-nav { display:none; }
.photo-slots { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:14px; }.photo-slots div { min-height:92px; border:1px dashed #9eb9ce; border-radius:10px; background:#f8fbfd; padding:15px; display:flex; flex-direction:column; justify-content:center; gap:6px; }.photo-slots small { color:var(--muted); }.photo-slots strong { color:var(--blue); }.photo-slots a { color:var(--blue); display:block; text-decoration:none; }.photo-preview { display:block; width:100%; height:180px; object-fit:contain; background:#eef3f7; border-radius:7px; margin-bottom:7px; }.photo-delete { border:0; background:transparent; color:var(--danger); padding:4px 0; text-align:left; font-weight:700; }.photos-panel { margin-top:16px; }
.back { color:var(--blue); font-weight:750; text-decoration:none; }.detail-topbar { padding-bottom:12px; }
.client-header { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; margin:10px 0 22px; }.client-header h1 { font-size:2.1rem; }.client-subtitle { color:var(--muted); margin-bottom:0; }
.primary,.secondary,.google-connect { box-shadow:0 7px 18px #176eb724, inset 0 1px #ffffff8c; border-radius:13px; }.primary { display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border:0; background:linear-gradient(135deg,#1474c4,#4aa2ed); color:#fff; padding:9px 14px; font-weight:750; white-space:nowrap; }
.finance-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:15px; overflow:hidden; }.finance-strip article { background:#fff; padding:16px; }.finance-strip span,.finance-strip small { color:var(--muted); display:block; }.finance-strip strong { display:block; font-size:1.35rem; margin-top:5px; }.finance-strip .balance { background:var(--warn-soft); }.finance-strip .balance strong { color:var(--warn); }
.detail-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:16px; margin-top:16px; align-items:start; }.payment-panel h2,.panel h2 { font-size:1.1rem; margin-bottom:3px; }.next-payment { margin-top:10px; padding-top:13px; border-top:1px solid var(--line); display:flex; align-items:center; gap:12px; }.next-payment span { color:var(--muted); }.next-payment .text-button { margin-left:auto; }.details { margin:12px 0 19px; }.details div { display:grid; grid-template-columns:110px 1fr; padding:9px 0; border-top:1px solid var(--line); }.details dt { color:var(--muted); }.details dd { margin:0; font-weight:600; }.full { width:100%; }.client-sections { margin-top:16px; }.empty { padding:15px 0 5px; }.check-row { border-top:1px solid var(--line); padding:12px 0; display:grid; grid-template-columns:27px 1fr auto; align-items:center; gap:9px; }.check { background:#d9f3e3; color:#187242; border-radius:50%; width:23px; height:23px; display:grid; place-items:center; font-weight:bold; }.check.off { background:#edf1f5; }.status { color:var(--muted); font-size:.8rem; }.status.ready { color:#187242; font-weight:700; }
.full-details-panel { margin-top:16px; }.full-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; margin:14px 0 0; }.full-details div { display:grid; grid-template-columns:150px 1fr; gap:10px; padding:10px 0; border-top:1px solid var(--line); }.full-details dt { color:var(--muted); }.full-details dd { margin:0; font-weight:650; overflow-wrap:anywhere; }
dialog { width:min(420px,calc(100% - 32px)); border:0; border-radius:16px; box-shadow:0 15px 60px #17203344; padding:22px; } dialog::backdrop { background:#17203366; } dialog h2 { margin-bottom:18px; } dialog label { display:block; color:var(--muted); font-size:.85rem; margin:12px 0; font-weight:700; } dialog input,dialog select,dialog textarea { display:block; width:100%; margin-top:6px; padding:10px; border:1px solid var(--line); border-radius:8px; font:inherit; color:var(--ink); background:#fff; }.dialog-actions { display:flex; justify-content:flex-end; gap:9px; margin-top:20px; }.dialog-note { color:var(--muted); font-size:.86rem; }.dialog-note + div { max-height:55vh; overflow:auto; padding-right:5px; }
.form-message { min-height:1.2rem; margin:8px 0 0; color:var(--danger); font-size:.85rem; }
@media(max-width:700px) { .topbar { padding:22px 18px 18px; flex-wrap:wrap; } .brand-logo { width:132px; height:52px; } .service-links { order:3; width:100%; justify-content:flex-start; flex-wrap:wrap; }.service-links .google-connect { width:100%; text-align:center; } h1 { font-size:1.55rem; } main { padding:0 18px 90px; }.summary { grid-template-columns:1fr; gap:10px; }.summary-card { min-height:82px; }.summary-card strong { font-size:1.3rem; }.finance-strip { grid-template-columns:1fr 1fr; }.attention-grid { grid-template-columns:1fr; }.full-details { grid-template-columns:1fr; }.full-details div { grid-template-columns:120px 1fr; }.section-head { margin-top:26px; align-items:flex-start; flex-direction:column; }.action-controls { justify-content:flex-start; }.bottom-nav { position:fixed; z-index:2; bottom:0; left:0; right:0; height:69px; background:#fff; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-around; }.bottom-nav button { border:0; background:transparent; color:var(--muted); font-size:.72rem; }.bottom-nav .active { color:var(--blue); font-weight:800; }.bottom-nav .add { color:#fff; background:var(--blue); width:42px; height:42px; border-radius:50%; font-size:1.65rem; line-height:1; } }
.invitation-dialog{width:min(700px,calc(100% - 32px));max-height:90vh;overflow:auto}.invitation-dialog h2{color:var(--blue)}.invitation-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invitation-dialog label[hidden]{display:none}@media(max-width:600px){.invitation-two-col{grid-template-columns:1fr}}

/* La ficha conserva la distribución de la versión de Google que se usa a
   diario. La autenticación y las lecturas siguen ocurriendo en el servidor. */
.screen-label{margin-left:auto;color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.1em}
.client-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:720px}
.secondary.danger{color:var(--danger);border-color:#f1b9af}
.legacy-finance{grid-template-columns:repeat(4,1fr)}
.legacy-client-grid{display:grid;grid-template-columns:1.05fr 1.35fr;gap:16px;margin-top:16px;align-items:start}
.legacy-client-grid>.panel{margin:0}
.legacy-client-grid #client-review{margin-top:0}
.legacy-profit{margin:12px 0 2px;padding:11px 12px;border-radius:12px;background:#f7fafc;color:var(--muted)}
.legacy-profit strong{color:var(--ink)}
.legacy-details{display:block}
.legacy-details div{grid-template-columns:170px 1fr}
.legacy-details div:first-child{border-top:0}
.legacy-client-grid #itinerary-panel,.legacy-client-grid .photos-panel{grid-column:1/-1}
.drop-target{width:100%;margin-top:14px;padding:19px;border:2px dashed #9eb9ce;border-radius:14px;background:#f8fbfd;color:var(--blue);display:flex;flex-direction:column;align-items:center;gap:5px}
.drop-target span{color:var(--muted);font-size:.86rem;font-weight:600}
.client-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;margin-top:16px}
.file-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:9px;display:flex;flex-direction:column;gap:8px;box-shadow:0 6px 18px #376fa10d}
.file-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#eef4f8}
.file-document{min-height:130px;border-radius:10px;background:#eef4f8;color:var(--blue);display:grid;place-items:center;font-size:1.5rem;font-weight:950}
.file-card strong{font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-card .row-actions{display:flex;gap:6px;flex-wrap:wrap}
#payment-request-result{margin-top:14px;padding:13px;border-radius:12px;background:#eef7ff;border:1px solid #bedbed}
#payment-request-result[hidden]{display:none}
@media(max-width:700px){.screen-label{width:100%;margin:0}.client-header{display:block}.client-actions{justify-content:flex-start;margin-top:14px}.client-actions>*{flex:1 1 calc(50% - 8px)}.legacy-finance{grid-template-columns:1fr 1fr}.legacy-client-grid{grid-template-columns:1fr}.legacy-details div{grid-template-columns:120px 1fr}}

/* La pantalla principal conserva la forma compacta del Control de Google. */
.home-topbar{gap:18px;justify-content:flex-start}
.home-heading{min-width:180px}
.home-heading h1{margin:0}
.client-search{width:min(280px,100%);padding:11px 14px;border:1px solid #c9dfef;border-radius:13px;background:#fff;color:var(--ink);font:inherit}
.home-service-links{margin-left:auto}
.home-actions{margin-top:10px}
.legacy-home-grid{grid-template-columns:1fr}
.legacy-home-grid .row{grid-template-columns:84px 54px 1fr auto}
.legacy-home-grid .date{white-space:nowrap}
.legacy-home-grid .date b{font-size:.82rem}
.client-list-controls{display:flex;align-items:center;gap:9px}
.client-list-controls select{font:inherit;font-size:.8rem;font-weight:750;color:#42627d;background:#fff;border:1px solid #d4e1eb;border-radius:8px;padding:5px 7px;max-width:145px}
.client-thumb-empty{width:48px;height:48px;border-radius:13px;background:#e8f3fc;color:#7ba9cc;display:grid;place-items:center;text-align:center;font-size:.62rem;font-weight:900;line-height:1.05}
.client-history-divider{display:flex;align-items:center;gap:10px;margin:18px 2px 10px;color:#728196;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.client-history-divider::before,.client-history-divider::after{content:"";height:1px;background:#d9e3eb;flex:1}
.client-history-divider span{white-space:nowrap}
.request-count{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:99px;background:#ba263b;color:#fff;font-size:.78rem;font-weight:900}
.request-count[hidden]{display:none}
.wide-dialog{width:min(620px,calc(100% - 32px));max-height:90vh;overflow:auto}
.client-form-group{margin:12px 0;padding:14px;border:1px solid #bfd8ef;border-radius:16px;background:#f6fbff}
.client-form-group legend{font-weight:900;color:#176dbc;padding:0 5px}
.client-form-group textarea{min-height:74px;resize:vertical}
.package-item{padding:8px 9px!important;margin:7px 0!important;border:1px solid #d9e8f5;border-radius:10px;background:#fff;font-size:.88rem;line-height:1.25}
.package-item input{display:inline!important;width:auto!important;margin:0 7px 0 0!important}
#quick-payment-result{margin-top:14px;padding:12px;border-radius:12px;background:#eef8ff;border:1px solid #bad8ed}
#quick-payment-result[hidden],#quick-payment-create[hidden]{display:none}
button,.primary,.secondary{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}
button:active,.primary:active,.secondary:active{transform:scale(.97);filter:brightness(.95)}
@media(max-width:900px){.home-topbar{flex-wrap:wrap}.home-heading{flex:1}.client-search{order:3;flex:1 1 260px}.home-service-links{order:4;width:100%;justify-content:flex-start}}
@media(max-width:700px){.legacy-home-grid .row{grid-template-columns:78px 45px 1fr auto}.legacy-home-grid .date b{font-size:.72rem}.client-search{order:3;flex-basis:100%}.home-service-links{order:4}.home-actions{margin-top:18px}.wide-dialog{padding:14px}}
.requests-wrap{max-width:1180px;margin:auto;padding:25px max(18px,4vw) 60px}
.requests-brand img{width:180px;height:70px;object-fit:contain;object-position:left center}
.requests-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 16px}
.requests-head h1{margin:0;font-size:clamp(30px,6vw,44px)}
.requests-head p{margin:5px 0 0;color:var(--muted)}
.request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.request-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e2eaf1;border-radius:18px;padding:18px;box-shadow:0 8px 24px #193d5d0c}
.request-card h2{margin:0;font-size:1.2rem}
.request-meta{color:#61758b;margin:5px 0 13px;font-size:.9rem}
.request-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.request-facts>div,.request-fact{display:block;background:#f7fafc;padding:10px;border-radius:10px;font-size:.9rem;overflow-wrap:anywhere}
.request-facts b,.request-fact b{display:block;color:#54708a;font-size:.73rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.request-fact input{display:block;width:100%;margin-top:7px;padding:9px;border:1px solid var(--line);border-radius:8px;font:inherit}
.request-notes{white-space:pre-wrap;line-height:1.45;background:#fffdf5;border-left:3px solid #e8c364;padding:10px 12px;margin:12px 0}
.request-status{min-height:20px;margin-top:auto;color:#54708a;font-size:.86rem;font-weight:750}
.request-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.request-actions a{text-decoration:none;text-align:center}
.request-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%)}
@media(max-width:760px){.request-list{grid-template-columns:1fr}.request-facts{grid-template-columns:1fr}}
@media(max-width:580px){.requests-head{align-items:flex-start;flex-direction:column}.requests-head .action-controls{width:100%;justify-content:flex-start}.request-actions{grid-template-columns:1fr}}