/* AKIMSFLOR portal and admin additions (works with style + portal stylesheets) */
.alert{padding:14px 18px;border-radius:9px;margin:0 0 22px;font-size:.85rem;line-height:1.6;border:1px solid;transition:opacity .4s}
.alert-success{background:#ecf7f1;border-color:#c8e6d6;color:#22573f}
.alert-error{background:#fdf0ee;border-color:#f3cdc6;color:#8c2a1c}
.alert-info{background:#eef4fb;border-color:#cddcee;color:#244a74}
.alert-fade{opacity:.0;pointer-events:none;height:0;padding:0;margin:0;border:0;overflow:hidden}
.auth-form-wrap .alert{margin-top:20px}

.status-action{background:#e7effc;color:#285487}
.status-due{background:#fdebe7;color:#9b3016}
.status-cancel{background:#eef0f3;color:#5b6878}
.status-new{background:#fff0e6;color:#ae3e09}

.button-wa{background:#1f9d55;border-color:#1f9d55;color:#fff}
.button-wa:hover{background:#17803f;border-color:#17803f}
.button-danger{background:#fff;border-color:#e6b8ad;color:#9b3016}
.button-danger:hover{background:#9b3016;border-color:#9b3016;color:#fff}
.button-sm{padding:9px 14px;min-height:38px;font-size:.78rem;gap:9px;border-radius:7px}
.button-sm .icon{width:16px;height:16px}
.button:disabled{opacity:.6;transform:none;box-shadow:none}
.link-button{background:none;border:0;padding:0;color:var(--orange);font-weight:700;font-size:inherit;text-decoration:underline;text-underline-offset:3px}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.actions form{margin:0}

.portal-stats.stats-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-stats.stats-4 strong{font-size:1.75rem;letter-spacing:-.04em;overflow-wrap:anywhere}
.portal-stats>a{display:block;background:white;border:1px solid var(--line);border-radius:12px;padding:23px;transition:border-color .2s}
.portal-stats>a:hover{border-color:var(--orange)}
.portal-stats>a>div{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.79rem;color:var(--muted)}
.portal-stats>a strong{display:block;font-size:1.75rem;line-height:1.3;letter-spacing:-.04em;margin:15px 0 9px}
.portal-stats>a p{font-size:.7rem;margin:0}

.section-gap{margin-top:26px}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:25px;align-items:start}
.stack{display:flex;flex-direction:column;gap:25px;min-width:0}
.panel-body{padding:25px}
.panel-body>h3{font-size:1.05rem;margin-bottom:14px}
.panel-body>p{font-size:.84rem}
.panel-heading .actions{gap:8px}
.muted{color:var(--muted)}
.small{font-size:.78rem}
.nowrap{white-space:nowrap}
.text-right{text-align:right}

/* Forms */
.portal-body form label{margin-bottom:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid .span-2{grid-column:1/-1}
.field-hint{display:block;font-weight:400;color:var(--muted);font-size:.72rem;margin-top:6px;line-height:1.6}
.check-label{display:flex!important;align-items:center;gap:10px;font-weight:600}
.check-label input{width:18px;height:18px;margin:0;flex-shrink:0}
.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.inline-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.inline-form label{margin:0;flex:1;min-width:160px}
.inline-form .button{min-height:50px}
.file-note{display:block;font-size:.72rem;color:var(--muted);font-weight:500;margin-top:6px}
input[type=file]{padding:10px;background:var(--paper)}
.choice-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.choice-row label{flex:1;min-width:150px;margin:0!important;border:1px solid var(--line);border-radius:9px;padding:14px 16px;display:flex!important;gap:10px;align-items:center;cursor:pointer;font-size:.85rem}
.choice-row input{width:18px;height:18px;margin:0}
.choice-row label:has(input:checked){border-color:var(--orange);background:#fff8f2;box-shadow:0 0 0 1px var(--orange)}
.req-star{color:var(--orange);font-weight:800}

/* Data tables */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.data-table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:640px}
.data-table th,.data-table td{padding:14px 18px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.data-table thead th{background:#f8fafc;color:#687b91;font-size:.7rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:hover{background:#fbfcfe}
.data-table td strong{display:block;font-weight:700;color:var(--navy)}
.data-table td small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}
.data-table a.row-link{color:var(--navy);font-weight:700}
.data-table a.row-link:hover{color:var(--orange)}
.data-table tfoot td{font-weight:800;background:#f8fafc}
.empty-row{padding:40px 20px;text-align:center;color:var(--muted);font-size:.85rem}

.filter-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}
.filter-bar input,.filter-bar select{margin:0;width:auto;min-width:170px;flex:1;max-width:320px;height:46px;padding:10px 13px}
.filter-bar .button{min-height:46px;padding:10px 18px}
.pagination{display:flex;gap:18px;justify-content:center;align-items:center;padding:18px;font-size:.8rem;border-top:1px solid var(--line)}
.pagination a{color:var(--orange);font-weight:700}

/* Key / value lists */
.kv{margin:0}
.kv>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.82rem}
.kv>div:last-child{border-bottom:0}
.kv dt{color:var(--muted);flex-shrink:0}
.kv dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}
.kv dd a{color:var(--orange)}
.pre-text{white-space:pre-line}

/* Money breakdown */
.money-table{width:100%;border-collapse:collapse;font-size:.86rem}
.money-table td{padding:12px 0;border-bottom:1px solid var(--line)}
.money-table td:last-child{text-align:right;font-weight:700;white-space:nowrap;padding-left:15px}
.money-table tr.total td{border-bottom:0;border-top:2px solid var(--navy);font-size:1rem;font-weight:800;padding-top:15px}
.highlight-box{border:1px solid #f3dacb;background:#fff9f5;border-radius:12px;padding:22px}
.highlight-box h3{font-size:1.05rem;margin-bottom:10px}
.highlight-box p{font-size:.82rem}

/* Media */
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.media-item{position:relative;margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--paper);aspect-ratio:1}
.media-item img,.media-item video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.media-item img{background:var(--paper)}
.media-item>a{display:block;height:100%}
.media-file{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;font-size:.72rem;overflow-wrap:anywhere}
.media-file .icon{color:var(--orange)}
.media-delete{position:absolute;top:6px;right:6px;margin:0}
.media-delete button{width:30px;height:30px;border-radius:50%;border:0;background:#071f40cc;color:#fff;display:grid;place-items:center;padding:0}
.media-delete button .icon{width:15px;height:15px}
.media-label{font-size:.78rem;font-weight:700;margin:18px 0 10px;color:var(--navy)}
.media-label:first-child{margin-top:0}

/* Timeline tweaks inside panels */
.panel-timeline{padding:28px 28px 6px}
.timeline-copy .event-note{display:block;color:var(--navy);font-size:.78rem;margin-top:4px}

/* Progress steps for procurement */
.flow{display:flex;flex-wrap:wrap;gap:8px;padding:20px 25px;border-bottom:1px solid var(--line)}
.flow span{font-size:.7rem;font-weight:700;padding:7px 11px;border-radius:30px;background:var(--paper);color:#8490a0;border:1px solid var(--line)}
.flow span.done{background:#e9f5ef;color:#2b6b52;border-color:#cde3d7}
.flow span.now{background:var(--orange);color:#fff;border-color:var(--orange)}

/* Notifications list */
.note-list{list-style:none;margin:0;padding:0}
.note-list li{border-bottom:1px solid var(--line)}
.note-list li:last-child{border-bottom:0}
.note-list a,.note-list .note-static{display:flex;gap:15px;padding:18px 25px;align-items:flex-start}
.note-list a:hover{background:#fbfcfe}
.note-dot{width:9px;height:9px;border-radius:50%;background:transparent;margin-top:8px;flex-shrink:0}
.note-list .unread .note-dot{background:var(--orange)}
.note-list strong{display:block;font-size:.86rem}
.note-list p{font-size:.8rem;margin:4px 0 4px}
.note-list small{font-size:.72rem;color:#8490a0}
.notification-panel .notif-empty{font-size:.8rem;color:var(--muted);margin:0}
.notification-panel>a.view-all{color:var(--orange);font-weight:700;font-size:.78rem}
.notification-panel strong.unread:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px;vertical-align:middle}

/* Referral */
.ref-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--paper);border:1px dashed #c7d3e0;border-radius:10px;padding:14px 16px;margin:12px 0 18px}
.ref-box code{font-size:.9rem;font-weight:700;overflow-wrap:anywhere;flex:1;min-width:0;font-family:inherit}
.big-code{font-size:1.9rem;font-weight:800;letter-spacing:.08em;color:var(--orange)}

/* Invoice document */
.invoice-doc{padding:38px}
.invoice-head{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px}
.invoice-head h2{font-size:1.8rem;margin:0 0 6px}
.invoice-head p{margin:0;font-size:.8rem}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:28px;font-size:.82rem}
.invoice-parties h3{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.invoice-parties p{margin:0;color:var(--navy);line-height:1.7}
.pay-box{margin-top:26px;background:var(--paper);border-radius:10px;padding:20px 22px;font-size:.82rem}
.pay-box h3{font-size:.95rem;margin-bottom:8px}
.pay-box p{margin:0;color:var(--navy)}

/* Admin bits */
.admin-body .portal-sidebar nav{gap:4px}
.admin-body .portal-sidebar nav>a{padding:11px 14px}
.nav-count{margin-left:auto;background:var(--orange);color:#fff;border-radius:20px;font-size:.62rem;font-weight:800;padding:1px 7px;line-height:1.6}
.wa-prompt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;background:#ecf7f1;border:1px solid #c8e6d6;border-radius:12px;padding:16px 20px;margin-bottom:22px}
.wa-prompt p{margin:0;color:#22573f;font-size:.86rem;font-weight:600}
.attention-list{list-style:none;margin:0;padding:0}
.attention-list li{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 25px;border-bottom:1px solid var(--line);font-size:.83rem}
.attention-list li:last-child{border-bottom:0}
.attention-list a{font-weight:700}
.attention-list a:hover{color:var(--orange)}
.danger-zone{border-color:#f0cfc6}
.danger-zone h2{color:#9b3016}
.tag{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange);background:#fff0e7;border-radius:4px;padding:3px 7px}

/* Public updates page */
.updates-section{padding-block:55px 90px}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.post-card:hover{box-shadow:0 18px 40px #071f4012;transform:translateY(-3px)}
.post-card-img{aspect-ratio:16/10;background:var(--navy);display:grid;place-items:center;color:#ffad7e;overflow:hidden}
.post-card-img img{width:100%;height:100%;object-fit:cover}
.post-card-img .icon{width:44px;height:44px}
.post-card-body{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.post-card-body h2{font-size:1.3rem;margin:4px 0 0;letter-spacing:-.025em}
.post-card-body p{font-size:.86rem;margin:0}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.74rem;color:var(--muted);align-items:center}
.post-card .text-link{margin-top:auto}
.post-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:50px;align-items:start;padding-block:50px 90px}
.post-cover{border-radius:18px;width:100%;max-height:460px;object-fit:cover;margin-bottom:30px}
.post-body{font-size:1rem}
.post-body p{color:#2f4561;line-height:1.85}
.apply-card{border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 12px 40px #0b274b08;position:sticky;top:130px}
.apply-card h2{font-size:1.6rem;margin:14px 0 10px}
.apply-card>p{font-size:.86rem}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

@media(max-width:1180px){.portal-stats.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
  .detail-grid,.grid-2{grid-template-columns:1fr}
  .portal-stats.stats-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-layout{grid-template-columns:1fr;gap:35px}
  .apply-card{position:static}
}
@media(max-width:760px){
  .portal-stats.stats-4{grid-template-columns:1fr}
  .portal-stats>a{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px 20px}
  .portal-stats>a>div{display:block;font-size:.8rem}
  .portal-stats>a strong{grid-column:2;grid-row:1/3;margin:0 0 0 20px;font-size:1.5rem}
  .portal-stats>a p{font-size:.72rem;margin-top:5px}
  .portal-stats.stats-4>article strong{font-size:1.5rem}
  .form-grid,.form-grid.cols-3{grid-template-columns:1fr}
  .invoice-parties{grid-template-columns:1fr}
  .invoice-doc{padding:24px}
  .post-grid{grid-template-columns:1fr}
  .panel-body{padding:20px}
  .filter-bar{padding:18px 20px}
  .filter-bar input,.filter-bar select{max-width:none;min-width:0;flex-basis:100%}
  .filter-bar .button{width:100%}
  .kv>div{display:block}
  .kv dd{text-align:left;margin-top:4px}
  .apply-card{padding:24px}
  .media-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
}

@media print{
  .portal-sidebar,.portal-top,.portal-footer,.portal-title .button,.no-print,.portal-back,.alert,.wa-prompt{display:none!important}
  .portal-workspace{margin:0!important}
  .portal-main{padding:0!important;max-width:none}
  .portal-body{background:#fff}
  .portal-panel{border:0}
  .invoice-doc{padding:0}
}
.portal-main .padded>h2{font-size:1.4rem;margin-bottom:13px}
.portal-main .padded>p{font-size:.84rem}
.post-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.post-filters .faq-filter{border:1px solid var(--line)}
.item-row{display:grid;grid-template-columns:minmax(0,1fr) 160px 38px;gap:0 12px;align-items:end}
.item-row .dialog-close{margin-bottom:24px;width:38px;height:38px;display:grid;place-items:center}
@media(max-width:760px){.item-row{grid-template-columns:minmax(0,1fr) 105px 34px;gap:0 8px}.item-row .dialog-close{width:34px;height:34px}}
@media(max-width:760px){.inline-form label{flex-basis:100%}.inline-form .button,.inline-form>.check-label{width:100%}}
.post-body a{color:var(--orange);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
/* Bank details and payment notices */
.bank-box{margin:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:4px 16px}
.bank-box>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.86rem}
.bank-box>div:last-child{border-bottom:0}
.bank-box dt{color:var(--muted)}
.bank-box dd{margin:0;font-weight:700;text-align:right;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.acct-no{font-size:1.25rem;letter-spacing:.06em;color:var(--navy)}
.copy-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--paper);border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700;color:var(--navy)}
.copy-chip .icon{width:14px;height:14px}
.pay-panel{border-color:#f3dacb}
.pay-amount{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.pay-amount strong{font-size:2rem;letter-spacing:-.04em;line-height:1.1}
.pay-amount span{font-size:.78rem;color:var(--muted)}
.receipt-list{list-style:none;margin:0;padding:0}
.receipt-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 25px;border-bottom:1px solid var(--line)}
.receipt-list li:last-child{border-bottom:0}
.receipt-list strong{display:block;font-size:.9rem}
.receipt-list small{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}
.receipt-flash{display:flex;gap:16px;align-items:flex-start;background:#ecf7f1;border:1px solid #c8e6d6;border-radius:12px;padding:20px 22px;margin-bottom:22px}
.receipt-flash>.icon{color:#1f9d55;width:28px;height:28px;flex-shrink:0}
.receipt-flash h2{font-size:1.15rem;margin:0 0 6px;color:#22573f}
.receipt-flash p{margin:0 0 12px;font-size:.84rem;color:#22573f}
@media(max-width:760px){.bank-box>div{display:block}.bank-box dd{justify-content:flex-start;margin-top:4px;text-align:left}.receipt-list li{padding:16px 20px}}
@media(max-width:760px){.invoice-head .text-right{text-align:left}}
/* Request journey: buying in China, then shipping */
.journey{display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--line)}
.journey-phase{padding:18px 25px 4px}
.journey-phase+.journey-phase{border-top:1px dashed var(--line)}
.journey-phase .flow{padding:0 0 14px;border:0}
.journey-title{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:800;color:var(--navy);margin:0 0 12px;letter-spacing:.01em;flex-wrap:wrap}
.journey-title>span{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:.7rem}
.journey-title small{font-weight:600;color:var(--muted);font-size:.76rem}
.journey-note{font-size:.78rem;margin:0 0 16px;color:var(--muted)}
.journey-note a{color:var(--orange);font-weight:700}
@media(max-width:760px){.journey-phase{padding:16px 20px 2px}}

/* ===== Mobile fixes (summary cards, tables, buttons) ===== */
.portal-stats.stats-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.portal-stats strong{overflow-wrap:anywhere}
.button{overflow-wrap:normal;word-break:normal}
.button-sm{white-space:nowrap}
.status{max-width:100%}
.data-table td{overflow-wrap:break-word}
@media(max-width:760px){
  /* Summary cards: two per row, label on top, figure underneath */
  .portal-stats,.portal-stats.stats-2,.portal-stats.stats-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .portal-stats>article,.portal-stats>a{display:flex!important;flex-direction:column;padding:15px 14px;min-width:0}
  .portal-stats>article>div,.portal-stats>a>div{display:flex!important;justify-content:space-between;gap:8px;font-size:.74rem;line-height:1.4}
  .portal-stats>article>div>.icon,.portal-stats>a>div>.icon{display:block;width:17px;height:17px;flex-shrink:0}
  .portal-stats strong,.portal-stats>a strong,.portal-stats.stats-4>article strong{grid-column:auto;grid-row:auto;margin:10px 0 6px!important;font-size:clamp(1.05rem,5.2vw,1.45rem)!important;line-height:1.25;letter-spacing:-.03em}
  .portal-stats p,.portal-stats>a p{font-size:.68rem!important;line-height:1.45;margin:0}

  /* Tables become cards: each row is a card, each cell shows its column name */
  .data-table.cardify{min-width:0;display:block}
  .data-table.cardify thead{display:none}
  .data-table.cardify tbody,.data-table.cardify tfoot{display:block}
  .data-table.cardify tr{display:block;padding:14px 18px;border-bottom:1px solid var(--line)}
  .data-table.cardify tbody tr:last-child{border-bottom:0}
  .data-table.cardify td{display:block;border:0;padding:5px 0;text-align:right;min-height:26px;overflow:hidden}
  .data-table.cardify td::before{content:attr(data-label);float:left;margin-right:14px;color:var(--muted);font-size:.72rem;font-weight:700;text-align:left;line-height:1.9}
  .data-table.cardify td:first-child{text-align:left;padding-bottom:8px}
  .data-table.cardify td:first-child::before{display:none}
  .data-table.cardify td[data-label=""]::before{display:none}
  .data-table.cardify td.td-stack{text-align:left}
  .data-table.cardify td.td-stack::before{float:none;display:block;margin:0 0 6px}
  .data-table.cardify td small{margin-top:2px}
  .data-table.cardify td .status{white-space:normal;text-align:left}
  .data-table.cardify .inline-form{justify-content:flex-start}
  .data-table.cardify .inline-form label{max-width:none!important}
  .table-wrap{overflow:visible}

  .panel-heading{flex-wrap:wrap;gap:10px}
  .panel-heading .status{white-space:normal}
  .actions .button{flex:1 1 auto}
  .portal-title .actions{margin-top:16px}
  .portal-title .actions .button{margin-top:0!important}
  .wa-prompt .button{width:100%}
  .receipt-list .actions{width:100%}
  .receipt-list .actions .button{flex:1 1 auto}
  .journey-title{font-size:.78rem}
  .flow span{font-size:.66rem;padding:6px 9px}
  .ref-box code{font-size:.78rem}
  .big-code{font-size:1.5rem}
  .invoice-head h2{font-size:1.5rem}
  .money-table{font-size:.8rem}
  .pay-amount strong{font-size:1.6rem}
  .filter-bar select{flex-basis:100%}
  .portal-footer .logo-lockup{margin-bottom:6px}
}
@media(max-width:360px){
  .portal-stats,.portal-stats.stats-2,.portal-stats.stats-4{grid-template-columns:1fr}
}
@media(max-width:760px){
  .data-table:not(.cardify){min-width:0}
  .data-table:not(.cardify) td{padding:12px 14px}
  .data-table:not(.cardify) td .status{white-space:normal}
}

/* Mobile fixes, round 2 */
@media(max-width:760px){
  .portal-stats>article,.portal-stats>a{text-align:left!important;align-items:stretch!important}
  .portal-stats strong{text-align:left!important}
  .admin-body .portal-footer>span{display:block;margin-top:8px}
  .attention-list li{padding:14px 20px}
  .attention-list a{white-space:nowrap}
  .data-table:not(.cardify) tr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 16px;border-bottom:1px solid var(--line)}
  .data-table:not(.cardify) tbody tr:last-child{border-bottom:0}
  .data-table:not(.cardify) td{display:block;border:0;padding:0!important}
  .data-table:not(.cardify) td:first-child{flex:1 1 100%}
  .data-table:not(.cardify) td.text-right{margin-left:auto}
  .item-row{grid-template-columns:minmax(0,1fr) 38px;gap:0 8px;padding-bottom:6px;border-bottom:1px dashed var(--line);margin-bottom:14px}
  .item-row>label:first-child{grid-column:1/-1;margin-bottom:10px}
  .item-row .dialog-close{width:38px;height:38px;margin-bottom:18px}
}
@media(max-width:760px){
  .portal-main form>.button[type=submit],.portal-main .form-actions>.button{width:100%;gap:14px}
  .portal-main .inline-form>.button{width:100%}
}

/* Posts without a picture keep their natural height */
.post-grid{align-items:start}