/* PP Air Tickets v9.1 — Full-width rows, Figtree + DM Sans, green palette, modal vertical scroll (3-column passenger fields) */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Figtree:wght@600;700;800&display=swap');
:root{--pp-bg:#f6faf7;--pp-card:#fff;--pp-text:#0b1f17;--pp-muted:#5b6b62;--pp-line:#e4efe7;--pp-primary:#088648;--pp-primary-hover:#0a9e56;--pp-primary-active:#11b86c;--pp-ring:#bfe8d1}
.atl-wrap{font-family:"DM Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--pp-text);background:var(--pp-bg);padding:16px;border-radius:14px;max-width:1200px;margin:24px auto}
.atl-list-rows{display:flex;flex-direction:column;gap:14px}
.atl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--pp-card);border:1px solid var(--pp-line);border-radius:14px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.atl-row:hover{border-color:#d9efe2;box-shadow:0 8px 16px rgba(8,134,72,.08)}
.atl-left{display:flex;align-items:center;gap:12px;min-width:260px}
.atl-city-time{display:flex;flex-direction:column;gap:2px;min-width:120px}
.atl-city{font-family:"Figtree","DM Sans";font-weight:800;letter-spacing:.2px;font-size:16px}
.atl-time{font-size:13px;color:#2c3c34}
.atl-arrow{font-family:"Figtree";font-weight:800;color:var(--pp-primary)}
.atl-center{flex:1;display:flex;flex-direction:column;gap:6px}
.atl-middle-top{display:flex;flex-wrap:wrap;gap:6px}
.atl-badge{font-size:12px;border:1px solid var(--pp-line);padding:3px 10px;border-radius:999px;background:#f7fbf8}
.atl-middle-mid{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#2c3c34;font-size:13px}
.atl-icon{display:inline-flex;align-items:center}
.atl-seats-label{font-weight:700}
.atl-dot{opacity:.6}
.atl-duration{font-weight:700}
.atl-middle-bottom{font-size:12px;color:var(--pp-muted)}
.atl-right{display:flex;align-items:center;gap:10px;min-width:220px;justify-content:flex-end}
.atl-price{font-weight:800;font-size:15px}
.atl-book{background:var(--pp-primary);color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer;font-weight:800;font-size:12px;transition:background .12s ease,transform .12s ease,box-shadow .12s ease;white-space:nowrap}
.atl-book,.atl-book:hover,.atl-book:active{color:#fff}
@media (hover:hover) and (pointer:fine){.atl-book:hover{background:var(--pp-primary-hover);transform:translateY(-1px)}}
.atl-book:active{background:var(--pp-primary-active)}

.atl-modal{position:fixed;inset:0;background:rgba(11,31,23,.5);display:flex;align-items:center;justify-content:center;z-index:9999}
.atl-modal[hidden]{display:none}
.atl-modal-content{position:relative;background:#fff;width:100%;max-width:700px;border-radius:14px;padding:18px;border:1px solid var(--pp-line);max-height:85vh;display:flex;flex-direction:column}
.atl-close{position:absolute;top:10px;right:10px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:#edf6f1;color:#0b1f17}
.atl-modal-title{font-family:"Figtree","DM Sans";font-size:18px;font-weight:800;margin:0 0 8px}
.atl-modal-flight{font-size:14px;color:#2c3c34;margin-bottom:10px}
#atlForm.atl-form-scroll{display:grid;gap:10px;overflow-y:auto;padding-right:6px}
#atlForm label{font-size:14px;display:grid;gap:6px}
#atlForm input{padding:10px;border:1px solid var(--pp-line);border-radius:10px;transition:border-color .12s ease,box-shadow .12s ease}
#atlForm input:focus{outline:none;border-color:#a7e5c3;box-shadow:0 0 0 3px #d9f4e5}
.atl-passenger-list{display:flex;flex-direction:column;gap:10px}
.atl-passenger{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.atl-passenger .full{grid-column:1 / -1}
.atl-passenger small{color:#5b6b62}
.atl-submit{background:var(--pp-primary);color:#fff;border:none;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:800;transition:background .12s ease,transform .12s ease,box-shadow .12s ease}
.atl-submit,.atl-submit:hover,.atl-submit:active{color:#fff}
@media (hover:hover) and (pointer:fine){.atl-submit:hover{background:var(--pp-primary-hover);transform:translateY(-1px)}}
.atl-submit:active{background:var(--pp-primary-active)}
#atlMsg{margin-top:6px;font-size:13px}
.atl-empty{padding:28px;text-align:center;color:var(--pp-muted);border:1px dashed var(--pp-line);border-radius:12px;background:#fff}
@media (max-width:900px){.atl-row{flex-direction:column;align-items:flex-start}.atl-right{width:100%;justify-content:space-between}.atl-passenger{grid-template-columns:1fr}}