/* Navigator — общая шапка/футер сайта (из guide.css) + собственные стили страницы */
*, *::before, *::after { box-sizing: border-box; }

:root {
    --green-dark:  #1B5E20;
    --green-main:  #2E7D32;
    --green-mid:   #388E3C;
    --green-pale:  #E8F5E9;
    --white:       #ffffff;
    --gray-100:    #F8F9FA;
    --gray-200:    #E9ECEF;
    --gray-600:    #6C757D;
    --gray-800:    #343A40;
    --dark:        #1A2332;
    --shadow-site: 0 4px 24px rgba(0,0,0,0.09);
    --radius:      12px;
    --transition:  0.25s ease;
    --ink:#17221c;--muted:#66736b;--paper:#f5f7f2;--card:#fff;--line:#dfe6dd;--green:#176b43;--lime:#dff15d;--amber:#d99a31;--shadow:0 18px 50px rgba(27,57,39,.11)
}

html { scroll-behavior: smooth; font-size: 16px; overflow-x: clip; }
body { margin:0; font-family: 'Inter', sans-serif; color: var(--gray-800); line-height: 1.6; overflow-x: clip; background: var(--gray-100); }

/* ── HEADER (общий для всего сайта) ── */
header {
    position: sticky; top: 0; z-index: 1000;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 20px rgba(0,0,0,0.07);
    padding: 0 24px;
}
.header-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 16px; }
.logo { display: flex; align-items: center; gap: 10px; text-decoration: none; flex-shrink: 0; }
.logo-icon { width: 44px; height: 44px; flex-shrink: 0; }
.logo-icon img { width: 100%; height: 100%; object-fit: contain; }
.logo-text { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 15px; color: var(--dark); line-height: 1.2; }
.logo-text span { display: block; font-size: 11px; font-weight: 500; color: var(--gray-600); }
nav { display: flex; align-items: center; gap: 2px; }
nav a { text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: var(--gray-800); padding: 8px 12px; border-radius: 8px; transition: var(--transition); white-space: nowrap; }
nav a:hover, nav a.current { background: var(--green-pale); color: var(--green-main); }
.nav-dropdown { position: relative; }
.nav-dropdown-btn { display: flex; align-items: center; gap: 4px; background: none; border: none; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: var(--gray-800); padding: 8px 12px; border-radius: 8px; transition: var(--transition); white-space: nowrap; }
.nav-dropdown-btn svg { transition: transform var(--transition); }
.nav-dropdown:hover .nav-dropdown-btn { background: var(--green-pale); color: var(--green-main); }
.nav-dropdown:hover .nav-dropdown-btn svg { transform: rotate(180deg); }
.nav-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 500; background: white; border-radius: 10px; box-shadow: 0 8px 30px rgba(0,0,0,0.13); min-width: 230px; padding: 6px; padding-top: 12px; border: 1px solid var(--gray-200); margin-top: 0; }
.nav-dropdown:hover .nav-dropdown-menu { display: block; }
.nav-dropdown-menu a { display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 7px; text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; color: var(--gray-800); transition: var(--transition); }
.nav-dropdown-menu a:hover { background: var(--green-pale); color: var(--green-main); }
.nav-dropdown-menu a.current { background: var(--green-pale); color: var(--green-main); font-weight: 600; }
.header-right { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.btn-phone { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; color: var(--green-dark); text-decoration: none; white-space: nowrap; }
.btn-callback { background: var(--green-main); color: white; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; padding: 10px 18px; border-radius: 8px; text-decoration: none; transition: var(--transition); white-space: nowrap; }
.btn-callback:hover { background: var(--green-dark); transform: translateY(-1px); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
.hamburger span { display: block; width: 24px; height: 2px; background: var(--dark); border-radius: 2px; transition: var(--transition); }
.mobile-nav { display: none; position: fixed; top: 68px; left: 0; right: 0; bottom: 0; background: white; box-shadow: 0 8px 30px rgba(0,0,0,0.1); padding: 12px 20px 20px; z-index: 999; flex-direction: column; gap: 2px; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.mobile-nav.open { display: flex; }
.mobile-nav a { text-decoration: none; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: var(--dark); padding: 12px 10px; border-radius: 8px; transition: var(--transition); border-bottom: 1px solid var(--gray-200); }
.mobile-nav a:last-child { border-bottom: none; }
.mobile-nav a:hover { background: var(--green-pale); color: var(--green-main); }

/* ── FOOTER (общий для всего сайта) ── */
footer { background: var(--dark); color: rgba(255,255,255,0.55); padding: 40px 24px 28px; }
.footer-inner { max-width: 1200px; margin: 0 auto; }
.footer-top { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding-bottom: 24px; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 20px; }
.footer-logo { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 700; color: white; }
.footer-links { display: flex; gap: 4px; flex-wrap: wrap; }
.footer-links a { color: rgba(255,255,255,0.45); text-decoration: none; font-size: 13px; padding: 6px 12px; border-radius: 8px; transition: var(--transition); }
.footer-links a:hover { color: white; background: rgba(255,255,255,0.06); }
.footer-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 12px; }

@media (max-width: 1049px) { nav { display: none; } .hamburger { display: flex; } }
@media (max-width: 619px) { .btn-callback { display: none; } .footer-bottom { flex-direction: column; } }
@media (max-width: 499px) { .btn-phone { display: none; } }

/* ── NAVIGATOR APP (содержимое страницы, main.nav-shell вместо голого main) ── */
main.nav-shell{max-width:1400px;margin:auto;padding:24px 24px 42px}
.eyebrow{margin:0 0 8px;color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.beta-badge{background:var(--amber);color:#fff;padding:2px 7px;border-radius:999px;font-size:10px;margin-left:6px;letter-spacing:.05em}
.hero{padding:24px 0 36px;max-width:900px}
.hero h1{font:600 clamp(30px,5vw,54px)/1.06 Georgia,serif;letter-spacing:-.03em;margin:0;max-width:900px}
.lede{font-size:17px;color:var(--muted);max-width:760px;margin:16px 0 8px}
.freshness-line{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}
.pulse{width:8px;height:8px;border-radius:50%;background:#32a66a;box-shadow:0 0 0 5px #32a66a1c;flex-shrink:0}
.searchbox{background:#fff;border:1px solid #cbd6ca;border-radius:18px;padding:8px 8px 8px 18px;display:flex;align-items:center;box-shadow:var(--shadow);max-width:800px}
.searchbox:focus-within{border-color:var(--green);box-shadow:0 0 0 4px #176b4312,var(--shadow)}
.search-icon{font-size:26px;color:var(--green);transform:rotate(-15deg)}
.searchbox input{flex:1;border:0;outline:0;font:inherit;font-size:17px;padding:13px;background:transparent;min-width:0}
.searchbox button{border:0;border-radius:12px;padding:14px 24px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}
.examples{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;color:var(--muted);font-size:12px}
.examples button{border:0;background:#e8eee7;color:#395246;border-radius:999px;padding:6px 10px;cursor:pointer}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:17px 18px}
.stat strong{display:block;font:600 28px Georgia,serif}
.stat span{color:var(--muted);font-size:12px}
.workspace{height:690px;display:grid;grid-template-columns:430px 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.panel{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line);overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 14px;flex:0 0 auto}
.panel-head h2{margin:0;font:600 23px Georgia,serif}
.panel-actions{display:flex;align-items:center;gap:8px}
.counter{background:var(--lime);padding:5px 10px;border-radius:999px;font-weight:800}
.reset-button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 10px;color:var(--muted);cursor:pointer}
.reset-button:hover{color:var(--green);border-color:#aebead}
.notice{margin:0 16px 12px;padding:12px 14px;border-radius:12px;background:#f2f6ea;color:#56634f;font-size:12px;flex:0 0 auto}
.results{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:2px 12px 18px}
.result{padding:15px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.result:hover{background:#f5f8f3;border-radius:12px}
.result-top{display:flex;gap:8px;align-items:center;margin-bottom:6px}
.tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:4px 7px;border-radius:6px;background:#e9efea;color:var(--green)}
.result h3{font-size:14px;margin:0 0 5px}
.result p{margin:0;color:var(--muted);font-size:12px;word-break:break-word}
.result code{font-family:ui-monospace,monospace;color:#395246}
.empty{padding:42px 20px;text-align:center;color:var(--muted)}
.map-wrap{position:relative;min-width:0;min-height:0}
#map{height:100%;background:#e9eee6}
.map-toolbar{position:absolute;z-index:500;top:14px;left:14px;background:#fff;padding:9px 12px;border-radius:10px;box-shadow:0 5px 20px #273d2d22;display:flex;gap:14px;font-size:11px}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.review-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;color:#56634f;border-left:1px solid var(--line);padding-left:14px}
.dot.green{background:#248b59}
.dot.amber{background:var(--amber)}
.map-empty{position:absolute;z-index:450;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(340px,80%);background:#fffffff0;border:1px solid var(--line);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--shadow)}
.map-empty b,.map-empty span{display:block}
.map-empty span{color:var(--muted);font-size:12px;margin-top:6px}
.leaflet-popup-content b{color:var(--green)}
.popup-actions{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.popup-actions button,.popup-actions a,.map-link{border:0;border-radius:7px;padding:6px 8px;background:#edf3ec;color:var(--green);font:600 11px/1.2 inherit;text-decoration:none;cursor:pointer}
.info-card .map-link{display:inline-block;margin-top:11px}
.modal[hidden]{display:none}
.modal{position:fixed;z-index:2000;inset:0;display:grid;place-items:center;padding:24px}
.modal-backdrop{position:absolute;inset:0;border:0;background:#101a14aa;backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(900px,100%);max-height:min(860px,92vh);overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 90px #0c1710aa;padding:28px}
.modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#edf2ec;font-size:24px;cursor:pointer}
.modal-loading{padding:80px 20px;text-align:center;color:var(--muted)}
.org-head{padding-right:35px}
.org-head h2{font:600 31px/1.1 Georgia,serif;margin:5px 0 10px}
.org-roles{display:flex;gap:7px;flex-wrap:wrap}
.role{background:var(--lime);padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.org-meta{display:flex;gap:18px;flex-wrap:wrap;margin:15px 0;color:var(--muted);font-size:12px}
.org-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.org-metric{border:1px solid var(--line);border-radius:13px;padding:13px}
.org-metric strong{display:block;font-size:22px}
.org-metric span{color:var(--muted);font-size:11px}
.modal-section{margin-top:22px}
.modal-section h3{font:600 18px Georgia,serif;margin:0 0 10px}
.modal-section form label{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}
.modal-section form input,.modal-section form textarea{width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;outline:0}
.modal-section form input:focus,.modal-section form textarea:focus{border-color:var(--green)}
.info-card{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px}
.info-card b{font-size:13px}
.info-card p{margin:5px 0 0;color:var(--muted);font-size:12px}
.status{display:inline-block;margin-left:6px;border-radius:6px;padding:3px 6px;background:#e8eee7;color:var(--green);font-size:10px}
.section-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:15px}
.section-title-row h3{margin-bottom:2px}
.section-title-row small{color:var(--muted)}
.section-title-row>span{background:var(--lime);border-radius:999px;padding:5px 9px;font-weight:800}
.table-search{width:100%;margin:12px 0 8px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit;outline:0}
.table-search:focus{border-color:var(--green)}
.fkko-table-wrap{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.fkko-table{width:100%;border-collapse:collapse;font-size:12px}
.fkko-table th{position:sticky;top:0;z-index:1;background:#eff3ed;text-align:left;padding:10px;color:#536159}
.fkko-table td{padding:10px;border-top:1px solid var(--line);vertical-align:top}
.fkko-table th:first-child{width:190px}
.fkko-table th:last-child{width:220px}
.fkko-table small{display:block;color:var(--muted);margin-top:4px}
.fkko-code{border:0;background:transparent;color:var(--green);font:700 12px ui-monospace,monospace;padding:0;cursor:pointer}
.operation-tags{display:flex;gap:4px;flex-wrap:wrap}
.operation-tags span{padding:3px 6px;background:#edf3ec;border-radius:5px;color:#3d5949}
.nav-footnote{max-width:1400px;margin:16px auto 0;padding:0 24px;color:var(--muted);font-size:12px}

@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{height:auto;grid-template-columns:1fr}.panel{height:500px;border-right:0;border-bottom:1px solid var(--line)}.map-wrap{height:520px}}
@media(max-width:540px){main.nav-shell{padding-left:14px;padding-right:14px}.hero h1{font-size:32px}.lede{font-size:15px}.searchbox button{padding:13px 15px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:22px}.workspace{border-radius:16px}.map-toolbar{display:none}.modal{padding:8px}.modal-card{padding:22px 16px;border-radius:16px}.org-grid{grid-template-columns:1fr 1fr}}