/* CIVORK mobile compatibility v0.9.1 · mobil uyum + ek görüntüleyici */
html,body{max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}
img,video,iframe,canvas{max-width:100%}
.view,.main,.card,.grid,.scope-banner,.sessionbar,.access-panel,.access-two,.library-layout,.library-main{min-width:0;max-width:100%}

.pc-media-viewer{position:fixed;inset:0;z-index:2200;background:rgba(3,7,12,.96);display:none;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.pc-media-viewer.open{display:flex}
.pc-media-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:#0d141d;min-height:58px}
.pc-media-title{flex:1;min-width:0;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-media-head .btn{min-height:42px}
.pc-media-body{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:10px;background:#070b10}
.pc-media-body img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}
.pc-media-body iframe{width:100%;height:100%;border:0;background:white;border-radius:8px}
.pc-media-loading{color:var(--muted);font-size:13px;text-align:center;padding:30px}
.minute-pdf-btn{border-color:rgba(90,167,255,.45)!important;color:#b9dbff!important;background:rgba(90,167,255,.08)!important}

@media(max-width:700px){
  html,body{width:100%;max-width:100vw;overflow-x:hidden}
  body{font-size:14px}
  .app,.main,.view{width:100%;max-width:100vw;overflow-x:hidden}
  .main{padding:calc(8px + env(safe-area-inset-top)) 10px calc(82px + env(safe-area-inset-bottom))}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin-bottom:12px;width:100%}
  .topbar>div{min-width:0}.topbar h2{font-size:18px;line-height:1.2;overflow-wrap:anywhere}.topbar p{font-size:11px;line-height:1.45}
  .topbar .badge{justify-self:start;max-width:100%!important;white-space:normal;overflow-wrap:anywhere}
  .sessionbar{position:relative!important;top:auto!important;margin-bottom:10px;padding:9px;border-radius:11px;width:100%}
  .session-left{min-width:0;width:100%}.session-name,.session-role{overflow-wrap:anywhere}
  .session-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%;gap:7px}
  .session-actions .session-select{grid-column:1/-1;width:100%!important;min-width:0!important;max-width:100%!important}
  .session-actions .btn{width:100%;min-width:0;padding-inline:7px;font-size:11px}
  .grid,.kpis,.two,.three,.five,.structure-grid,.role-grid,.record-summary,.status-summary,.cpm-summary,.access-two,.config-grid{grid-template-columns:minmax(0,1fr)!important;width:100%}
  .card{width:100%;padding:12px;border-radius:12px;overflow:hidden}
  .kpi .value{font-size:23px}
  .scope-banner{padding:12px;gap:8px;width:100%;overflow-wrap:anywhere}
  .toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:7px}.toolbar .btn{width:100%;min-width:0}
  .record-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%}.record-actions .btn{width:100%;white-space:normal}
  .record-card{padding:11px;width:100%;overflow:hidden}.record-card h4,.record-desc{overflow-wrap:anywhere;word-break:break-word}
  .record-meta{gap:5px}.record-meta>*{max-width:100%;white-space:normal}
  .attachment-list{display:grid!important;grid-template-columns:minmax(0,1fr);width:100%;gap:7px}
  .attachment-chip{width:100%;max-width:100%;text-align:left;white-space:normal!important;overflow-wrap:anywhere;min-height:44px}
  .table-wrap,.gantt-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:auto}
  .table-wrap table{min-width:720px}
  #program .table-wrap{display:none!important}
  #program .mobile-task-list{display:grid!important;width:100%;gap:9px}
  .mobile-task-card{width:100%;padding:11px;overflow:hidden}.mobile-task-card .mt-stats{grid-template-columns:1fr 1fr 1fr}.mobile-task-card .mt-actions{grid-template-columns:1fr 1fr!important}.mobile-task-card .mt-actions .btn{font-size:11px;min-width:0}
  .gantt-wrap{max-height:none}.gantt-table{min-width:820px}.gantt-table .taskname{min-width:180px;max-width:180px;white-space:normal;overflow-wrap:anywhere}
  .library-item.head{display:none!important}
  .library-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:10px!important;margin-bottom:8px!important;background:#101720!important}
  .library-item>div{min-width:0!important;overflow-wrap:anywhere}.library-item>div:nth-child(1){font-size:10px;color:var(--muted)}.library-item>div:nth-child(2){grid-column:1/-1;font-size:12px}.library-item>div:nth-child(3){display:none!important}.library-item>div:nth-child(4),.library-item>div:nth-child(5){justify-self:end}
  .relation-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}.relation-row>*:first-child{grid-column:1/-1}.relation-row .action-btn{width:100%;border:1px solid var(--line)}
  .access-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.access-row .field{min-width:0!important;width:100%}.access-row .btn{width:100%}
  .access-status-item{align-items:flex-start;flex-direction:column;overflow-wrap:anywhere}
  .join-code-box{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto}.join-code-box>span,.join-code-box>b{grid-column:1/-1;overflow-wrap:anywhere}
  .floor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal-bg{padding:0!important}.modal{max-height:100dvh!important;height:100dvh;border-radius:0!important;padding:calc(10px + env(safe-area-inset-top)) 10px calc(4px + env(safe-area-inset-bottom))!important}.modal-head{top:calc(-10px - env(safe-area-inset-top));margin:0 -2px 8px!important;padding:calc(10px + env(safe-area-inset-top)) 2px 8px!important}.modal-foot{margin:12px -10px calc(-4px - env(safe-area-inset-bottom))!important;padding:10px 10px calc(10px + env(safe-area-inset-bottom))!important;grid-template-columns:1fr!important}.modal-foot .btn{min-height:48px!important}
  .input,select.input,textarea.input{width:100%;max-width:100%;min-width:0;font-size:16px!important}
  .auth-gate{padding:calc(10px + env(safe-area-inset-top)) 10px calc(10px + env(safe-area-inset-bottom))}.auth-card{padding:17px 13px;border-radius:15px}.auth-mark{align-items:flex-start}.auth-actions{display:grid;grid-template-columns:1fr;width:100%}.auth-actions .btn{width:100%}
  .project-hub{padding:calc(12px + env(safe-area-inset-top)) 10px calc(82px + env(safe-area-inset-bottom))}.hub-head h2{font-size:21px}.hub-head p{font-size:11px}.project-card{padding:13px}
  .mobile-bottom-nav button{font-size:8px;padding-inline:1px}.mobile-bottom-nav button i{font-size:17px}
  .cloud-chip{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));width:auto;text-align:center;white-space:normal}
  .pc-media-head{padding:8px}.pc-media-head .btn{padding:8px 9px;font-size:11px}.pc-media-title{font-size:12px}.pc-media-body{padding:6px}
}

@media(max-width:380px){
  .main{padding-left:7px;padding-right:7px}
  .card{padding:10px}
  .mobile-task-card .mt-stats{grid-template-columns:1fr 1fr}
  .session-actions{grid-template-columns:1fr!important}.session-actions .session-select{grid-column:auto}
  .mobile-bottom-nav button span{font-size:7.5px}
}