/* GGurgenidze Phase 8 — Mobile UX & PWA Pro */
:root{
    --phase8-safe-bottom:env(safe-area-inset-bottom,0px);
    --phase8-safe-top:env(safe-area-inset-top,0px);
    --phase8-vh:100dvh;
    --phase8-nav-height:64px;
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:calc(var(--phase8-nav-height) + var(--phase8-safe-bottom) + 16px)}
body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
button,a,input,textarea,select{touch-action:manipulation}
img{max-width:100%}
.phase8-mobile-nav{display:none}
.phase8-chat-back{display:none}
.phase8-attach-sheet{display:none}
.phase8-install-card[hidden]{display:none!important}
.phase8-install-card{
    position:fixed;right:18px;bottom:18px;z-index:4200;
    width:min(430px,calc(100vw - 28px));padding:14px;
    display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px 12px;align-items:center;
    border:1px solid rgba(22,118,237,.16);border-radius:18px;background:rgba(255,255,255,.96);
    box-shadow:0 24px 70px rgba(19,43,75,.22);backdrop-filter:blur(18px)
}
.phase8-install-card>img{width:52px;height:52px;border-radius:14px;box-shadow:0 7px 18px rgba(22,118,237,.16)}
.phase8-install-copy{display:grid;gap:4px;padding-right:25px}
.phase8-install-copy strong{font-size:.95rem;color:#152a48}
.phase8-install-copy span{font-size:.78rem;line-height:1.4;color:#687a92}
.phase8-install-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.phase8-install-actions .button{min-height:40px;padding:9px 13px}
.phase8-install-close{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#eff3f8;color:#63738a;font-size:1.25rem;cursor:pointer}
.phase8-media-processing{position:relative;pointer-events:none;opacity:.72}
.phase8-media-processing::after{content:'ფოტო მუშავდება…';position:absolute;inset:auto 10px 10px;z-index:10;padding:8px 10px;border-radius:10px;background:rgba(14,29,49,.84);color:#fff;font-size:.78rem;font-weight:800;text-align:center}

/* Better touch behavior on all screens */
.button,.sidebar-nav-link,.post-action-button,.admin-tab,.phase7-follow-button{min-height:44px}
textarea{field-sizing:content}

@media(max-width:900px){
    body.is-authenticated{padding-bottom:calc(var(--phase8-nav-height) + var(--phase8-safe-bottom))!important}
    body.phase8-keyboard-open{padding-bottom:0!important}
    body.phase8-keyboard-open .phase8-mobile-nav{display:none!important}
    .site-header{padding-top:var(--phase8-safe-top);z-index:120!important}
    .nav-wrap{min-height:58px!important;padding-inline:4px}
    .premium-brand-logo{max-width:172px!important;height:auto!important}
    .header-actions{gap:6px!important}
    .header-actions .notification-button{display:none!important}
    .logout-button{min-height:40px;padding:8px 10px!important;border-radius:10px!important;background:#f2f6fb!important}
    .account-sidebar{display:none!important}
    .app-shell.container{display:block!important;width:min(100%,780px)!important;padding:12px 12px 20px!important}
    .app-content{width:100%!important;min-width:0!important}
    .page.container{width:min(100% - 20px,680px)!important;padding:24px 0 calc(40px + var(--phase8-safe-bottom))!important}
    .card{padding:20px;border-radius:17px}

    .phase8-mobile-nav{
        position:fixed;left:0;right:0;bottom:0;z-index:4000;
        height:calc(var(--phase8-nav-height) + var(--phase8-safe-bottom));
        padding:5px 8px var(--phase8-safe-bottom);
        display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;
        border-top:1px solid rgba(217,226,238,.95);background:rgba(255,255,255,.94);
        box-shadow:0 -10px 35px rgba(25,48,78,.09);backdrop-filter:blur(18px)
    }
    .phase8-mobile-nav-link{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border-radius:12px;color:#6b7a90;text-decoration:none;font-size:.64rem;font-weight:800;line-height:1.1}
    .phase8-mobile-nav-link.is-active{color:#1676ed;background:#edf5ff}
    .phase8-mobile-nav-icon{width:28px;height:28px;display:grid;place-items:center}
    .phase8-mobile-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
    .phase8-mobile-avatar img,.phase8-mobile-avatar i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;object-fit:cover;background:#e8f2ff;color:#1676ed;font-size:.7rem;font-style:normal;font-weight:900}
    .phase8-mobile-badge{position:absolute;top:2px;left:calc(50% + 8px);min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:grid;place-items:center;background:#e53945;color:#fff;border:2px solid #fff;font-size:.58rem;line-height:1}

    /* Feed and content */
    .feed-column{max-width:100%!important;gap:14px!important}
    .composer-card{padding:16px!important}
    .composer-row{gap:9px!important}
    .composer-row textarea{min-height:78px!important}
    .composer-actions{gap:8px!important}
    .feed-filter-card{position:sticky;top:68px;z-index:40;margin:8px 0!important;box-shadow:0 8px 22px rgba(28,50,78,.10)!important}
    .feed-post,.ggp-post{border-radius:16px!important}
    .post-header{padding:16px!important}
    .post-body{padding:0 16px 15px!important}
    .post-action-row{position:relative;gap:2px!important;padding-inline:8px!important}
    .post-action-button{padding:10px 6px!important}
    .photo-viewer-stage{height:calc(var(--phase8-vh) - var(--phase8-safe-top))!important}

    /* Public/profile pages */
    .ggp-page{gap:14px!important}
    .ggp-hero{border-radius:17px!important}
    .ggp-cover{height:112px!important}
    .ggp-identity{grid-template-columns:118px minmax(0,1fr)!important;gap:15px!important;padding:18px 16px 20px!important}
    .ggp-avatar-box{width:118px!important}
    .ggp-avatar{width:118px!important;height:90px!important}
    .ggp-actions{grid-column:1/-1!important;width:100%!important;justify-content:flex-start!important}
    .profile-settings-grid{grid-template-columns:1fr!important}
    .my-posts-panel{position:static!important}

    /* Messages: one panel at a time on mobile */
    .messages-page{display:block!important;width:100%!important;min-height:0!important;border-radius:17px!important}
    .phase8-chat-list .messages-page>.chat-card{display:none!important}
    .phase8-chat-open .messages-page>.messages-sidebar{display:none!important}
    .phase8-chat-open .messages-page>.chat-card{display:flex!important;height:calc(var(--phase8-vh) - 58px - var(--phase8-nav-height) - var(--phase8-safe-top) - var(--phase8-safe-bottom) - 24px)!important;min-height:480px!important}
    .phase8-keyboard-open.phase8-chat-open .messages-page>.chat-card{height:calc(var(--phase8-vh) - 58px - var(--phase8-safe-top) - 8px)!important}
    .messages-page>.messages-sidebar{min-height:calc(var(--phase8-vh) - 58px - var(--phase8-nav-height) - var(--phase8-safe-bottom) - 24px)!important;border-right:0!important;border-bottom:0!important}
    .chat-header{position:sticky;top:0;z-index:12;min-height:62px!important;padding:9px 12px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)}
    .phase8-chat-back{display:grid;width:40px;height:40px;min-width:40px;margin-right:1px;border-radius:12px;place-items:center;color:#176fdb;text-decoration:none;background:#edf5ff}
    .phase8-chat-back svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .chat-header-avatar{width:40px!important;height:40px!important}
    .chat-stream{min-height:0!important;max-height:none!important;padding:13px 10px!important;overscroll-behavior:contain}
    .chat-message{max-width:91%!important}
    .chat-message-actions{opacity:1!important}
    .gg-chat-compose{padding:9px 9px calc(9px + var(--phase8-safe-bottom))!important;grid-template-columns:42px minmax(0,1fr) 42px!important;column-gap:7px!important}
    .phase8-keyboard-open .gg-chat-compose{padding-bottom:9px!important}
    .gg-chat-attach,.gg-chat-send{width:42px!important;height:42px!important;min-width:42px!important}
    .gg-chat-input textarea{min-height:42px!important;max-height:118px!important;padding:10px 13px!important}

    /* Attach action sheet */
    .phase8-attach-sheet{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;padding:14px 14px calc(14px + var(--phase8-safe-bottom));background:rgba(8,18,31,.38);backdrop-filter:blur(5px)}
    .phase8-attach-sheet[hidden]{display:none!important}
    .phase8-attach-panel{width:min(100%,520px);padding:12px;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(7,20,38,.32);animation:phase8SheetIn .18s ease-out}
    .phase8-attach-title{padding:8px 10px 12px;color:#40536e;font-size:.82rem;font-weight:800}
    .phase8-attach-option{width:100%;min-height:54px;padding:12px;border:0;border-radius:14px;display:flex;align-items:center;gap:12px;background:#fff;color:#1d324f;text-align:left;font-weight:800;cursor:pointer}
    .phase8-attach-option:hover{background:#f0f6fd}
    .phase8-attach-option i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#e9f3ff;color:#1676ed;font-style:normal;font-size:1.12rem}
    .phase8-attach-cancel{margin-top:6px;background:#f3f5f8;color:#65758b;justify-content:center}
    @keyframes phase8SheetIn{from{transform:translateY(20px);opacity:.7}to{transform:none;opacity:1}}

    /* Comments modal */
    .comments-modal{align-items:flex-end!important;padding:0!important}
    .comments-modal-dialog{width:100%!important;max-width:none!important;height:min(92dvh,780px)!important;max-height:none!important;margin:0!important;border-radius:22px 22px 0 0!important;padding-bottom:var(--phase8-safe-bottom)!important}
    .comments-modal-header{padding:14px 16px!important}
    .comments-modal-scroll{overscroll-behavior:contain}
    .comments-modal-footer{padding:10px 12px!important}

    /* Search, connections, saved, activity */
    .phase6-search-header,.phase6-page-header,.phase7-connections-header{padding:18px!important;border-radius:17px!important}
    .phase6-search-form{grid-template-columns:1fr!important}
    .phase6-search-tabs,.admin-tabs{overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap!important}
    .phase6-search-tabs::-webkit-scrollbar,.admin-tabs::-webkit-scrollbar{display:none}
    .phase7-person-card{grid-template-columns:50px minmax(0,1fr)!important}

    /* Admin */
    .admin-pro{min-width:0!important}
    .admin-pro-header{align-items:flex-start!important;gap:12px!important}
    .admin-tabs{position:sticky;top:58px;z-index:50;padding:7px!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(14px)}
    .admin-tab{flex:0 0 auto!important;white-space:nowrap!important}
    .admin-filter-bar,.admin-actions,.admin-form-row{grid-template-columns:1fr!important}
    .table-wrap,.admin-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch}
    table{min-width:720px}
}

@media(max-width:560px){
    .app-shell.container{padding:8px 8px 14px!important}
    .card{padding:16px;border-radius:15px}
    .premium-brand-logo{max-width:150px!important}
    .logout-button{font-size:.78rem}
    .phase8-mobile-nav{padding-inline:4px}
    .phase8-mobile-nav-link{font-size:.58rem}
    .phase8-mobile-nav-icon svg{width:21px;height:21px}
    .composer-card{border-radius:15px!important}
    .post-media-item img{min-height:150px!important}
    .post-action-button span{font-size:.72rem!important}
    .ggp-cover{height:92px!important}
    .ggp-identity{grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;padding:15px 13px 17px!important}
    .ggp-avatar-box{width:104px!important}
    .ggp-avatar{width:104px!important;height:80px!important;border-radius:14px!important}
    .ggp-name-row h1{font-size:1.38rem!important}
    .ggp-stats{gap:8px 12px!important}
    .ggp-actions .button{width:100%!important}
    .chat-bubble{font-size:.92rem}
    .phase8-install-card{left:10px;right:10px;bottom:calc(var(--phase8-nav-height) + var(--phase8-safe-bottom) + 10px);width:auto}
    body.phase8-keyboard-open .phase8-install-card{display:none!important}
}

@media(display-mode:standalone){
    .phase8-install-card{display:none!important}
    .site-header{padding-top:var(--phase8-safe-top)}
}