/* LEADCORE ANDROID / MOBILE APP CARD VIEW */
@media(max-width:900px){

html,body{
width:100%!important;
max-width:100%!important;
overflow-x:hidden!important;
background:#F7F5F2!important;
}

*{
box-sizing:border-box!important;
}

.header{
width:100%!important;
padding:26px 28px!important;
min-height:115px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
}

.header-left h1{
font-size:24px!important;
line-height:1.25!important;
letter-spacing:2px!important;
}

.header-left p{
font-size:12px!important;
line-height:1.4!important;
}

.logo{
height:62px!important;
max-width:150px!important;
object-fit:contain!important;
}

.container{
width:100%!important;
max-width:100%!important;
padding:16px!important;
overflow-x:hidden!important;
}

.grid,
.module-grid,
.selection-grid,
.photo-grid{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:12px!important;
}

.dashboard-top,
.layout{
display:block!important;
width:100%!important;
max-width:100%!important;
}

.sidebar,
.main{
width:100%!important;
max-width:100%!important;
display:block!important;
}

.card,
.module-card,
.photo-card,
.board-section,
.project-item{

padding:14px!important;

overflow:visible!important;

height:auto!important;

min-height:unset!important;

display:flex!important;

flex-direction:column!important;

justify-content:flex-start!important;

gap:10px!important;

}

.module-card{
min-height:auto!important;
}

.card h2,
.module-card h2,
.item-title,
.project-title{

font-size:15px!important;

line-height:1.35!important;

display:-webkit-box!important;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

word-break:break-word;

margin-bottom:4px!important;

}

.small,
.notes,
.section-desc,
.preview-note{

font-size:10px!important;

line-height:1.45!important;

display:-webkit-box!important;

-webkit-line-clamp:3;

-webkit-box-orient:vertical;

overflow:hidden;

color:#666!important;

}

.stat,
.module-stat,
.budget{
font-size:24px!important;
line-height:1.2!important;
}

.btn,
button,
.module-card > .btn{
width:100%!important;
min-height:48px!important;
padding:13px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
font-size:12px!important;
letter-spacing:1px!important;
white-space:normal!important;
}

.top-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}

input,
textarea,
select{
font-size:16px!important;
max-width:100%!important;
}

.thumb-grid{
grid-template-columns:repeat(3,1fr)!important;
gap:6px!important;
}

.thumb{
height:64px!important;
}

.mini-grid{
grid-template-columns:1fr 1fr!important;
gap:8px!important;
}

.worker-thumb{
width:46px!important;
height:46px!important;
}

/* calendar mobile */
.calendar-card{
padding:12px!important;
overflow:hidden!important;
}

.calendar-top{
display:block!important;
}

.calendar-controls{
display:grid!important;
grid-template-columns:1fr 1fr 1fr!important;
gap:6px!important;
margin-top:10px!important;
}

.calendar-grid{
width:100%!important;
min-width:0!important;
grid-template-columns:repeat(7,1fr)!important;
}

.calendar-day-name{
height:34px!important;
padding:8px 2px!important;
font-size:8px!important;
text-align:center!important;
}

.calendar-cell{
height:92px!important;
min-height:92px!important;
max-height:92px!important;
padding:4px!important;
overflow:hidden!important;
}

.calendar-date{
font-size:10px!important;
margin-bottom:3px!important;
}

.task-pill{
font-size:7px!important;
line-height:1.15!important;
padding:3px!important;
max-height:28px!important;
overflow:hidden!important;
}

.task-project{
display:none!important;
}
/* CONTENT SUMMARY FIT */

.mini-grid{
grid-template-columns:1fr 1fr!important;
gap:6px!important;
}

.mini-box{
padding:7px!important;
}

.mini-label{
font-size:8px!important;
}

.mini-value{
font-size:12px!important;
line-height:1.25!important;
}

.stat,
.module-stat{
font-size:22px!important;
line-height:1.1!important;
}

.preview-note{

padding:8px!important;

max-height:72px!important;

overflow:hidden;

}

.item-body{

display:flex!important;

flex-direction:column!important;

gap:6px!important;

}

.price{

font-size:15px!important;

}

.qty-row{

font-size:10px!important;

}

.type-chip{

font-size:8px!important;

}

.btn{

min-height:44px!important;

font-size:11px!important;

padding:10px!important;

}
/* FIX CARD CONTENT CROPPING */

.card,
.module-card,
.photo-card,
.board-section,
.project-item,
.item-card{

height:auto!important;

min-height:unset!important;

overflow:visible!important;

display:flex!important;

flex-direction:column!important;

gap:8px!important;

}

/* TEXT */

.card h1,
.card h2,
.card h3,
.module-card h1,
.module-card h2,
.module-card h3,
.item-title,
.project-title{

font-size:15px!important;

line-height:1.35!important;

word-break:break-word!important;

overflow-wrap:anywhere!important;

}

.small,
.notes,
.preview-note,
.section-desc{

font-size:10px!important;

line-height:1.5!important;

display:block!important;

overflow:visible!important;

}

/* IMAGES */

img{

max-width:100%!important;

height:auto!important;

object-fit:contain!important;

display:block!important;

}

/* BODY INSIDE CARDS */

.item-body,
.card-body,
.content{

display:flex!important;

flex-direction:column!important;

gap:6px!important;

overflow:visible!important;

}

/* MINI SUMMARY */

.mini-box{

padding:8px!important;

}

.mini-label{

font-size:8px!important;

}

.mini-value{

font-size:12px!important;

}

/* BUTTON */

.btn,
button{

min-height:44px!important;

padding:10px!important;

font-size:11px!important;

}

/* CALENDAR TASK */

.task-pill{

max-height:26px!important;

overflow:hidden!important;

}

.task-project{

display:none!important;

}
/* FIX 2-COLUMN CARD CROPPING */
@media(max-width:900px){

.grid,
.module-grid,
.selection-grid,
.photo-grid{
width:100%!important;
max-width:100%!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
overflow:hidden!important;
}

.grid > *,
.module-grid > *,
.selection-grid > *,
.photo-grid > *{
width:auto!important;
max-width:100%!important;
min-width:0!important;
}

.card,
.module-card,
.photo-card,
.item-card{
width:auto!important;
max-width:100%!important;
min-width:0!important;
overflow:hidden!important;
}

.board-section,
.date-board,
.project-block{
width:auto!important;
max-width:100%!important;
overflow:hidden!important;
}

.card * ,
.module-card * ,
.photo-card * ,
.item-card *{
max-width:100%!important;
min-width:0!important;
word-break:break-word!important;
overflow-wrap:anywhere!important;
}
/* SELECTION BOARD = THUMBNAIL VIEW */
@media(max-width:900px){

.selection-grid{

display:grid!important;

grid-template-columns:
repeat(3,minmax(0,1fr))!important;

gap:8px!important;

align-items:start!important;

}

.selection-grid .item-card{

width:auto!important;

max-width:100%!important;

padding:0!important;

overflow:hidden!important;

}

.selection-grid .card-small,
.selection-grid .card-medium,
.selection-grid .card-large{

grid-column:span 1!important;

}

.selection-grid .image-box{

height:95px!important;

aspect-ratio:1/1!important;

overflow:hidden!important;

}

.selection-grid .image-box img{

width:100%!important;

height:100%!important;

object-fit:contain!important;

}

.selection-grid .item-body{

padding:8px!important;

gap:5px!important;

}

.selection-grid .item-title{

font-size:10px!important;

line-height:1.2!important;

display:-webkit-box!important;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

}

.selection-grid .price{

font-size:11px!important;

margin-bottom:4px!important;

}

.selection-grid .notes,
.selection-grid textarea,
.selection-grid .qty-row,
.selection-grid .type-chip{

font-size:8px!important;

}

.selection-grid .status{

font-size:9px!important;

padding:6px!important;

}

.selection-grid button{

min-height:32px!important;

padding:6px!important;

font-size:8px!important;

}

.selection-grid textarea{

min-height:46px!important;

}

.selection-grid .file-link{

font-size:8px!important;

}
/* ALL SELECTION BOARDS = 3-COLUMN THUMBNAIL VIEW */
@media(max-width:900px){

.item-grid,
.selection-grid{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
align-items:start!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}

.item-grid .item-card,
.selection-grid .item-card{
width:auto!important;
max-width:100%!important;
min-width:0!important;
padding:0!important;
overflow:hidden!important;
}

.item-grid .card-small,
.item-grid .card-medium,
.item-grid .card-large,
.selection-grid .card-small,
.selection-grid .card-medium,
.selection-grid .card-large{
grid-column:span 1!important;
}

.item-grid .image-box,
.selection-grid .image-box{
height:92px!important;
aspect-ratio:1/1!important;
overflow:hidden!important;
}

.item-grid .image-box img,
.selection-grid .image-box img{
width:100%!important;
height:100%!important;
object-fit:contain!important;
}

.item-grid .item-body,
.selection-grid .item-body{
padding:7px!important;
gap:4px!important;
}

.item-grid .item-title,
.selection-grid .item-title{
font-size:9px!important;
line-height:1.2!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
}

.item-grid .price,
.selection-grid .price{
font-size:10px!important;
}

.item-grid .status,
.selection-grid .status{
font-size:8px!important;
padding:5px!important;
}

.item-grid .type-chip,
.item-grid .qty-row,
.item-grid .notes,
.selection-grid .type-chip,
.selection-grid .qty-row,
.selection-grid .notes{
font-size:7px!important;
line-height:1.25!important;
}
/* COMPANY FILES = 3-COLUMN THUMBNAIL VIEW */
@media(max-width:900px){

.file-grid,
.files-grid,
.company-files-grid,
.file-list{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}

.file-card,
.company-file-card,
.file-item{
width:auto!important;
max-width:100%!important;
min-width:0!important;
padding:8px!important;
overflow:hidden!important;
}

.file-card h2,
.file-card h3,
.company-file-card h2,
.company-file-card h3,
.file-item h2,
.file-item h3{
font-size:9px!important;
line-height:1.2!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important;
}

.file-card .small,
.company-file-card .small,
.file-item .small{
font-size:7px!important;
line-height:1.2!important;
}

.file-card img,
.company-file-card img,
.file-item img{
width:100%!important;
height:80px!important;
object-fit:contain!important;
background:#F7F5F2!important;
}

.file-card .btn,
.company-file-card .btn,
.file-item .btn,
.file-card a,
.company-file-card a,
.file-item a{
width:100%!important;
min-height:30px!important;
font-size:7px!important;
padding:6px!important;
margin:3px 0!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
text-align:center!important;
}
/* COMPANY FILE THUMBNAIL NO-CROP FIX */
@media(max-width:900px){

.file-grid,
.files-grid,
.company-files-grid,
.file-list{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
}

.file-card,
.company-file-card,
.file-item{
width:auto!important;
max-width:100%!important;
min-width:0!important;
padding:6px!important;
overflow:hidden!important;
}

.file-card img,
.company-file-card img,
.file-item img,
.file-preview img,
.file-thumb img{
width:100%!important;
height:70px!important;
max-height:70px!important;
object-fit:contain!important;
object-position:center!important;
background:#F7F5F2!important;
}

.file-preview,
.file-thumb,
.file-icon{
width:100%!important;
height:70px!important;
max-height:70px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
overflow:hidden!important;
background:#F7F5F2!important;
}

.file-card h3,
.company-file-card h3,
.file-item h3,
.file-card h2,
.company-file-card h2,
.file-item h2{
font-size:8px!important;
line-height:1.2!important;
-webkit-line-clamp:2!important;
overflow:hidden!important;
}

.file-card .btn,
.company-file-card .btn,
.file-item .btn{
min-height:28px!important;
height:28px!important;
font-size:7px!important;
padding:4px!important;
margin:2px 0!important;
}

}
}
}
}
}
}