.stp-portal{--stp:#991b1b;--ink:#18202f;--line:#e5e7eb;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:14px;padding:clamp(18px,3vw,32px);margin:20px 0;box-shadow:0 10px 28px rgba(15,23,42,.05)}.stp-portal h2{margin:0 0 22px}.stp-form-public{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stp-form-public label{display:grid;gap:7px;font-weight:650}.stp-form-public input,.stp-form-public select,.stp-form-public textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;background:#fff}.stp-form-public .stp-full,.stp-form-public .stp-button{grid-column:1/-1}.stp-check{display:flex!important;align-items:center;gap:8px}.stp-check input{width:auto!important}.stp-button{appearance:none;border:0;border-radius:8px;background:var(--stp,#991b1b);color:#fff;padding:11px 16px;font-weight:700;cursor:pointer}.stp-button-secondary{background:#334155}.stp-notice{border-left:4px solid #2563eb;background:#eff6ff;padding:13px 16px;margin:16px 0}.stp-notice-error,.stp-notice-forbidden{border-color:#dc2626;background:#fef2f2}.stp-table-scroll{overflow:auto}.stp-table{width:100%;border-collapse:collapse}.stp-table th,.stp-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px}.stp-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5e7eb;font-size:12px;font-weight:700;white-space:nowrap}.stp-status-pending{background:#fef3c7;color:#92400e}.stp-status-assigned{background:#dbeafe;color:#1e40af}.stp-status-in_progress,.stp-status-waiting{background:#ede9fe;color:#5b21b6}.stp-status-completed{background:#d1fae5;color:#065f46}.stp-status-closed{background:#dcfce7;color:#166534}.stp-status-cancelled{background:#fee2e2;color:#991b1b}.stp-driver-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.stp-trip-card{border:1px solid #e2e8f0;border-radius:10px;padding:18px}.stp-trip-card header{display:flex;justify-content:space-between;gap:10px;align-items:start}.stp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.stp-actions form{margin:0}.stp-muted{color:#64748b}@media(max-width:680px){.stp-form-public{grid-template-columns:1fr}.stp-form-public .stp-full,.stp-form-public .stp-button{grid-column:auto}}
.stp-install{max-width:720px;margin:18px auto;padding:14px 16px;border:1px solid #e4e7ec;border-radius:16px;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 8px 28px rgba(16,24,40,.08)}.stp-install button{width:100%;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;text-align:left;color:#101828;cursor:pointer}.stp-install button:disabled{opacity:.68;cursor:default}.stp-install img{width:46px;height:46px;border-radius:12px}.stp-install strong,.stp-install small{display:block}.stp-install strong{font-size:14px}.stp-install small,.stp-install p{color:#667085;font-size:11px}.stp-install p{margin:6px 0 0 58px}
.stp-role-shell{--stp:#175cd3;width:min(980px,calc(100vw - 28px));position:relative;left:50%;transform:translateX(-50%);padding:18px;border-radius:24px;background:#f4f7fb;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.stp-role-driver{--stp:#027a48;background:#f0fdf6}.stp-role-header{display:flex;align-items:center;gap:16px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#175cd3,#2e90fa);color:#fff;box-shadow:0 14px 36px rgba(23,92,211,.22)}.stp-role-driver .stp-role-header{background:linear-gradient(135deg,#027a48,#12b76a);box-shadow:0 14px 36px rgba(2,122,72,.22)}.stp-role-header img{width:62px;height:62px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.16)}.stp-role-header small{display:block;color:rgba(255,255,255,.78);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.stp-role-header h1{margin:3px 0!important;color:#fff!important;font-size:27px!important;line-height:1.15!important}.stp-role-header p{margin:0;color:rgba(255,255,255,.85);font-size:13px}.stp-role-shell .stp-portal{border:0;border-radius:18px;box-shadow:0 8px 28px rgba(16,24,40,.07)}@media(max-width:680px){.stp-role-shell{padding:10px}.stp-role-header{padding:18px}.stp-role-header img{width:50px;height:50px}.stp-role-header h1{font-size:21px!important}}

/* Acceso frontal */
.stp-access-page{max-width:1120px;min-height:680px;margin:40px auto;display:grid;grid-template-columns:1.05fr .95fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(16,24,40,.16);font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#101828}.stp-access-visual{padding:58px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 85% 15%,rgba(128,90,213,.55),transparent 34%),linear-gradient(145deg,#172554 0%,#312e81 48%,#5b21b6 100%);color:#fff;position:relative}.stp-access-visual:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-85px;bottom:80px}.stp-access-logo,.stp-access-mobile-brand span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#a78bfa,#fff);color:#312e81;font-weight:900;font-size:24px}.stp-access-visual span{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:#c4b5fd;font-weight:700}.stp-access-visual h1{font-size:45px;line-height:1.08;letter-spacing:-.04em;margin:16px 0 20px}.stp-access-visual p{font-size:17px;line-height:1.7;color:#ddd6fe;max-width:470px}.stp-access-visual small{color:#c4b5fd}.stp-access-card{padding:72px 68px;display:flex;flex-direction:column;justify-content:center}.stp-access-card h2{font-size:32px;letter-spacing:-.03em;margin:6px 0 10px}.stp-access-card>p:not(.stp-access-kicker){color:#667085;line-height:1.6;margin:0 0 28px}.stp-access-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;color:#6941c6!important;font-weight:800;margin:0!important}.stp-access-form{display:grid;gap:18px}.stp-access-form label{font-size:13px;font-weight:700;color:#344054;display:grid;gap:7px}.stp-access-form input:not([type=checkbox]){height:50px;border:1px solid #d0d5dd;border-radius:12px;padding:0 15px;font-size:15px;background:#fff;box-sizing:border-box}.stp-access-form input:focus{outline:0;border-color:#7f56d9;box-shadow:0 0 0 4px rgba(127,86,217,.12)}.stp-access-form button{height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,#6941c6,#7f56d9);color:#fff;font-weight:800;font-size:15px;cursor:pointer;box-shadow:0 9px 22px rgba(105,65,198,.28)}.stp-access-remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-weight:500!important}.stp-access-link{color:#6941c6;font-weight:700;text-decoration:none;margin-top:22px;display:inline-block}.stp-access-alert{background:#f4f3ff;border:1px solid #d9d6fe;color:#42307d;padding:12px 14px;border-radius:12px;margin-bottom:22px;font-size:14px}.stp-access-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:32px}.stp-role-logout{margin-left:auto;align-self:flex-start;color:inherit;text-decoration:none;border:1px solid currentColor;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700;opacity:.75}.stp-role-tools{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}

/* Centro de notificaciones */
.stp-notification-widget{position:relative;font-family:Inter,ui-sans-serif,system-ui,sans-serif;z-index:20}.stp-notification-trigger{min-height:58px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;padding:9px 14px;display:flex;align-items:center;gap:9px;color:#344054;cursor:pointer;position:relative}.stp-notification-trigger span{font-style:normal;font-size:19px}.stp-notification-trigger em{font-style:normal;font-weight:750}.stp-notification-trigger strong{position:absolute;left:27px;top:5px;background:#d92d20;color:#fff;border-radius:20px;min-width:18px;height:18px;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.stp-notification-drawer{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 30px));max-height:570px;background:#fff;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 24px 60px rgba(16,24,40,.2);overflow:hidden}.stp-notification-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #eaecf0}.stp-notification-head div{display:grid}.stp-notification-head small{color:#667085;margin-top:2px}.stp-notification-head button{border:0;background:transparent;font-size:25px;color:#667085;cursor:pointer}.stp-notification-permission{padding:12px 16px;background:#f4f3ff;border-bottom:1px solid #e4e7ec;display:flex;gap:12px;align-items:center}.stp-notification-permission p{margin:0;flex:1;font-size:12px;color:#42307d}.stp-notification-permission button,.stp-mark-read{border:0;background:#6941c6;color:#fff;border-radius:9px;padding:8px 10px;font-weight:700;font-size:11px;cursor:pointer}.stp-notification-list{overflow:auto;max-height:350px}.stp-notification-item{display:grid;gap:4px;padding:14px 17px;border-bottom:1px solid #f2f4f7;text-decoration:none;color:#344054}.stp-notification-item:hover{background:#f9fafb}.stp-notification-item.is-unread{background:#f4f3ff;border-left:3px solid #7f56d9}.stp-notification-item span{font-size:12px;line-height:1.45;color:#667085}.stp-notification-item small{font-size:10px;color:#98a2b3}.stp-notification-empty{padding:26px;text-align:center;color:#667085}.stp-mark-read{margin:12px 16px;background:#f2f4f7;color:#344054}.stp-notification-widget.is-compact .stp-notification-trigger{width:100%;justify-content:flex-start;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}.stp-notification-widget.is-compact .stp-notification-drawer{left:0;right:auto;bottom:calc(100% + 10px);top:auto}.stp-profile a{color:inherit}

@media(max-width:760px){.stp-access-page{margin:0;min-height:100vh;border-radius:0;display:block}.stp-access-visual{display:none}.stp-access-card{min-height:100vh;padding:38px 24px;box-sizing:border-box}.stp-access-mobile-brand{display:flex}.stp-access-card h2{font-size:28px}.stp-role-header{position:relative}.stp-role-logout{position:absolute;right:12px;top:12px}.stp-notification-drawer{position:fixed;left:15px!important;right:15px!important;top:auto!important;bottom:15px!important;width:auto;max-height:78vh}.stp-role-tools{display:grid;grid-template-columns:1fr 1fr}.stp-notification-trigger{width:100%;justify-content:center}}