.desktop-info-tip,.report-tools,.photo-table-desktop{display:none}
@media(max-width:900px){.desktop-overview{display:none!important}}

@media(min-width:901px){
  :root{--desktop-accent:#168ec1;--desktop-accent-soft:#e8f5fa;--desktop-line:#d8e2e8;--desktop-panel:#fff;--desktop-subtle:#f5f8fa}
  button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #096c95;outline-offset:2px}
  body{background:#f3f7f9;color:#203746}
  .shell{padding:16px 20px 28px}
  .app-header{gap:10px;margin-bottom:8px;padding:2px 2px 4px}
  .app-header .mark{width:36px;height:36px;border-radius:9px;background:#1997ca;font-size:14px}
  .app-heading h1{font-size:21px;line-height:1.15}.app-heading p{margin-top:1px;font-size:12px}
  .app-header .status{max-width:440px;padding:6px 10px;background:#e9f3f7;border-radius:999px;color:#486675;font-size:12px;font-weight:700;text-align:right}
  .app-header .status.is-busy{background:#fff4d9;color:#7f5f13}
  .app-nav{margin:7px 0 10px}.app-nav button{min-height:40px;padding:9px 16px}
  .view-nav{display:none}

  .project-filter{position:sticky;top:0;z-index:30;gap:10px;padding:11px 13px;border-color:var(--desktop-line);border-radius:10px;box-shadow:0 7px 20px #31516a16}
  .project-filter label:first-child{min-width:270px}.project-filter #monthControl{min-width:165px}
  .project-filter select,.project-filter input{height:38px;background:#fbfdfe}
  .project-filter .hint-inline{max-width:260px;line-height:1.25}
  .project-filter #downloadAll{height:38px;background:#e7f1f5;color:#185a77}

  .summary.desktop-overview{display:block;margin:14px 0 16px;padding:14px 16px;background:#fff;border:1px solid var(--desktop-line);border-radius:12px;box-shadow:0 4px 14px #31516a0c}
  .summary.desktop-overview:empty{display:none}
  .overview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.overview-heading>div{display:flex;align-items:baseline;gap:10px}.overview-heading span{font-size:14px;font-weight:800}.overview-heading strong{color:#718391;font-size:11px;font-weight:700}
  .overview-cards{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:8px}
  .overview-cards .kpi{min-height:82px;padding:11px 12px;border-color:#e2e9ed;border-radius:9px;box-shadow:none}
  .overview-cards .kpi .name{color:#526a78;font-size:10px;font-weight:800;letter-spacing:.035em}.overview-cards .kpi .value{margin:2px 0;font-size:23px}.overview-cards .kpi .note{color:#526a78;font-size:10px;line-height:1.2}

  .report-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
  .report-tools button{min-height:36px;padding:7px 11px;background:#e8f0f4;color:#315466;border:1px solid #d7e2e8;border-radius:8px;font-size:12px}
  .project-bulk-actions{display:flex;gap:7px;margin-left:auto}
  .photo-note{display:none;margin:0 0 12px;padding:10px 12px;background:#eef5f8;border:1px solid #d9e6ec;border-radius:9px}
  .photo-note.open{display:flex}.photo-note span{padding:0;background:transparent;border:0;border-radius:0;color:#536d7b}.photo-note span+span:before{content:'·';margin-right:10px;color:#9aaab3}

  .loading-panel{margin:18px 0;padding:24px;background:#fff;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 4px 16px #31516a12}
  .loading-heading{display:flex;align-items:center;gap:13px}.loading-heading>div{display:flex;flex:1;flex-direction:column;gap:3px}.loading-heading strong{font-size:16px}.loading-heading small,.loading-heading>b{color:#718391;font-size:12px}.loading-track{height:6px;margin-top:18px;overflow:hidden;background:#e7eef3;border-radius:999px}.loading-track i{display:block;width:32%;height:100%;background:#2fc6f6;border-radius:inherit;animation:loading-slide 1.6s ease-in-out infinite}.loading-sources{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.loading-sources span{padding:5px 9px;background:#f2f6f8;border-radius:999px;color:#5f7482;font-size:11px;font-weight:700}

  .photo-projects{gap:20px}
  .photo-project{display:flex;flex-direction:column;border-color:#cbd8df;border-radius:11px;box-shadow:0 5px 17px #294b5f14}
  .photo-project .project-title{order:0;padding:11px 14px!important;background:#fff!important;border-bottom:1px solid #d8e2e8;color:#203746!important}
  .project-name{gap:9px}.project-name>button{width:36px;height:36px;background:#e8f3f7;color:#176b8d}.project-name strong{font-size:17px}.project-name span{padding:4px 8px;background:#eef4f6;color:#496674;opacity:1}
  .project-tools button{height:36px;background:#fff!important;color:#176b8d!important;border-color:#8fc5d9!important}
  .project-plan-panel{order:1;margin:12px 14px 0;padding:12px 14px;background:#f7fafb;border-color:#dce6eb;border-radius:10px;box-shadow:none}
  .plan-panel-heading{margin-bottom:7px}.plan-panel-heading span{font-size:11px}.plan-panel-heading strong{font-size:23px}
  .plan-panel-values{grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.plan-panel-values>div:nth-child(3){display:none}.plan-panel-values div{gap:6px}.plan-panel-values small{font-size:10px}.plan-panel-values b{font-size:16px}
  .plan-progress{height:7px;margin-top:9px}
  .project-insights{order:2;grid-template-columns:repeat(6,minmax(115px,1fr))!important;gap:8px;margin:10px 14px}
  .insight{min-height:88px;padding:11px 12px 10px;border-top-width:3px;border-radius:9px;box-shadow:none}.insight span{display:flex;align-items:center;gap:5px;color:#526a78;font-size:10px}.insight strong{margin:4px 0 2px;font-size:23px}.insight small{color:#526a78;font-size:10px;-webkit-line-clamp:1}
  .desktop-info-tip{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #a9bac4;border-radius:50%;color:#5f7482;font-size:10px;font-style:normal;text-transform:none;cursor:help}
  .photo-card{order:3}.social-detail{order:4;margin:12px 14px 16px;background:#f6faff;border:1px solid #d4e4ef;border-radius:10px;box-shadow:none}.social-detail>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 14px;color:#315466;font-size:12px;font-weight:800;cursor:pointer}.social-detail>summary small{color:#718391;font-size:10px;font-weight:700}.social-detail-body{padding:4px 14px 14px;border-top:1px solid #dbe8f0}
  .photo-project.collapsed .project-plan-panel,.photo-project.collapsed .project-insights,.photo-project.collapsed .photo-card,.photo-project.collapsed .social-detail{display:none}

  .photo-project .photo-scroll{max-height:72vh}
  .photo-table-legacy{display:none}.photo-table-desktop{display:table}
  .photo-table{font-size:12px}
  .photo-table th,.photo-table td{height:29px;padding:4px 7px;border:1px solid #c9d5dc;color:#193440}
  .photo-table th{background:#eef3f6;color:#324f5e;font-size:10px}
  .photo-table .photo-name{width:320px;min-width:320px;max-width:320px}.photo-table .photo-plan{left:320px}.photo-table .photo-total{left:378px;width:72px;min-width:72px;background:#d9f1f8!important;color:#064862}.photo-table th.photo-total{background:#23a9d2!important;color:#06384b}
  .photo-table tr[class*='photo-group-'] td{background:#fff!important}.photo-table tr[class*='photo-group-'] td.photo-total{background:#d9f1f8!important;color:#064862}
  .photo-table .photo-organic td,.photo-table .photo-direct td{background:#fff8dc!important}.photo-table .photo-other td{background:#f7f9fa!important}.photo-table .photo-socialSubscribers td{background:#edf5ff!important}.photo-table .photo-meet td{background:#fff5d7!important}.photo-table .photo-dealSum td{background:#f5fafc!important}
  .photo-table .photo-section th{background:#eaf0f4;color:#2c4a59;border-top:2px solid #8199a6;border-bottom:1px solid #c5d2d9;font-size:11px;letter-spacing:.025em}
  .photo-table .photo-section span:before{background:#168ec1}
  .photo-table .photo-subsection th{position:static;padding:6px 14px;background:#f7fafb;color:#526a78;border-top:1px solid #cbd8df;border-bottom:1px solid #d8e2e8;font-size:10px;font-weight:900;letter-spacing:.025em;text-align:left;text-transform:uppercase}
  .photo-table .photo-subsection span{display:inline-flex;align-items:center;gap:7px}.photo-table .photo-subsection span:before{content:'';width:12px;height:2px;background:#7baec2}
  .photo-table tr.photo-blockTotal td,.photo-table tr.photo-apps td,.photo-table tr.photo-trafficTotal td,.photo-table tr.photo-trafficSiteTotal td,.photo-table tr.photo-deal td,.photo-table tr.photo-leadTotal td,.photo-table tr.photo-dealTotal td,.photo-table tr.photo-meetTotal td{background:#dceff6!important;border-top:2px solid #5b8799;border-bottom:2px solid #5b8799;font-weight:900;color:#123d50}
  .photo-table .photo-blockTotal .photo-name,.photo-table .photo-apps .photo-name,.photo-table .photo-trafficTotal .photo-name,.photo-table .photo-trafficSiteTotal .photo-name,.photo-table .photo-deal .photo-name,.photo-table .photo-leadTotal .photo-name,.photo-table .photo-dealTotal .photo-name,.photo-table .photo-meetTotal .photo-name{background:#cbe7f1!important;border-left:6px solid #168ec1}
  .photo-table tr.photo-blockTotal td.photo-total,.photo-table tr.photo-apps td.photo-total,.photo-table tr.photo-trafficTotal td.photo-total,.photo-table tr.photo-trafficSiteTotal td.photo-total,.photo-table tr.photo-deal td.photo-total,.photo-table tr.photo-leadTotal td.photo-total,.photo-table tr.photo-dealTotal td.photo-total,.photo-table tr.photo-meetTotal td.photo-total{background:#087ca8!important;color:#fff}
  .photo-table .zero{color:#5f7482!important;font-weight:500}.photo-table tbody tr:hover td{filter:none;box-shadow:inset 0 0 0 999px #dcecf233}
  .vk-metric-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-align:left}.vk-metric-toggle:focus-visible{outline:2px solid #168ec1;outline-offset:2px}.photo-socialLikes .photo-name,.photo-socialComments .photo-name,.photo-socialReposts .photo-name{padding-left:28px!important;color:#526a78!important}
  .photo-table .is-today{box-shadow:inset 2px 0 #168ec1,inset -2px 0 #168ec1}.photo-table th.is-today{background:#d8edf5;color:#075472}.photo-table .is-future{background:#f8fafb!important;color:#a8b4bb}

  .settings-page{padding-bottom:70px}.settings-card{border-color:var(--desktop-line);box-shadow:0 3px 12px #31516a0a}.settings-card summary small{color:#4f788a!important;font-weight:700}
  .social-card{padding:0;overflow:hidden}.social-card summary{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;cursor:pointer;list-style:none}.social-card summary::-webkit-details-marker{display:none}.social-card summary span{display:flex;flex-direction:column}.social-card summary b{font-size:18px}.social-card summary small{margin-top:3px}.social-card summary i{color:#1769aa;font-size:13px;font-style:normal;font-weight:700}.social-card[open] summary{border-bottom:1px solid var(--desktop-line)}.social-card[open] summary i{font-size:0}.social-card[open] summary i:after{content:'Свернуть';font-size:13px}.social-content{padding:20px}
  .settings-actions{position:sticky;bottom:0;z-index:35;margin:14px -4px -8px;padding:11px 12px;background:#ffffffed;border:1px solid var(--desktop-line);border-radius:10px;box-shadow:0 -5px 18px #31516a15;backdrop-filter:blur(8px)}
  .settings-actions .pending{color:#8a6515;font-weight:700}.settings-actions button{min-height:40px}
}

@media(min-width:901px) and (max-width:1200px){
  .project-filter .hint-inline{display:none}
}

@media(min-width:901px) and (prefers-reduced-motion:reduce){
  .loading-track i{animation:none!important}
}

@media(min-width:901px){
  @keyframes loading-slide{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
}
.vk-metric-toggle{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer}.vk-metric-toggle:focus-visible{outline:2px solid #168ec1;outline-offset:2px}.photo-socialLikes .photo-name,.photo-socialComments .photo-name,.photo-socialReposts .photo-name{padding-left:28px!important;color:#526a78!important}
.access-gate{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;padding:24px;text-align:center;background:#f5f7f9;color:#1f2d3d}.access-gate .mark{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#159fc8;color:#fff;font-weight:700}.access-gate h1,.access-gate p{margin:0}.access-gate p{color:#667785}